@charset "UTF-8";
.item_tags > a, .container_category > a, .imagelink .owl-nav .owl-prev, .postSlider .owl-nav .owl-prev, .mlist .owl-nav .owl-prev, .ff_topSlider .owl-nav .owl-prev,
.imagelink .owl-nav .owl-next,
.postSlider .owl-nav .owl-next,
.mlist .owl-nav .owl-next,
.ff_topSlider .owl-nav .owl-next, .imagelink .owl-nav .owl-prev:hover .iconfont, .postSlider .owl-nav .owl-prev:hover .iconfont, .mlist .owl-nav .owl-prev:hover .iconfont, .ff_topSlider .owl-nav .owl-prev:hover .iconfont,
.imagelink .owl-nav .owl-next:hover .iconfont,
.postSlider .owl-nav .owl-next:hover .iconfont,
.mlist .owl-nav .owl-next:hover .iconfont,
.ff_topSlider .owl-nav .owl-next:hover .iconfont, .service .content_list .item_block .item_box .item_wrapper, .project.mlist .content_list .item_block .item_box .item_wrapper, .project.mlistpost .content_list .item_block .item_box .item_wrapper, .team .content_list .item_block .item_box .item_wrapper, .ff_indexPage .news.ff_slider .content_list .item_block .item_box .item_wrapper, .ff_pageList .news .content_list .item_block .item_box .item_wrapper, .project.mlistpost .tabBtn .post-prev .img-wrap,
.project.mlistpost .tabBtn .post-next .img-wrap, .project.mlistpost .tabBtn .post-prev .infor-wrap,
.project.mlistpost .tabBtn .post-next .infor-wrap, .postSlider .tab_button .item_img img, .ff_indexPage .mlist .content_wrapper .more, .imagelink .content_list .item_block .item_box {
transition: all 0.36s ease;
}
.item_tags > a, .container_category > a {
border: 1px solid rgba(170, 170, 170, 0.2);
color: #828282;
background-color: transparent;
}
.item_tags > a:hover, .container_category > a:hover, .item_tags > a.active, .container_category > a.active {
border-color: #1b3566;
background-color: #1b3566;
color: #fff;
}
#search-list .searchFormGroup input {
border: 2px solid #1b3566;
background: #fff;
}
#search-list .searchFormGroup input::-webkit-input-placeholder {
color: #959595;
}
#search-list .searchFormGroup input:-moz-placeholder {
color: #959595;
}
#search-list .searchFormGroup input::-moz-placeholder {
color: #959595;
}
#search-list .searchFormGroup input:-ms-input-placeholder {
color: #959595;
}
#search-list .searchFormGroup .searchSub {
color: #fff;
background: #1b3566;
}
#search-list .searchFormGroup .searchSub .fa {
display: none;
}
body .searchGroup, #search-list .searchGroup {
display: inline-block;
height: 100%;
}
body .searchGroup .search_wrap, #search-list .searchGroup .search_wrap {
position: relative;
top: 50%;
transform: translate3d(0, -50%, 0);
}
body .searchGroup .search_wrap::after, #search-list .searchGroup .search_wrap::after {
content: "";
display: block;
clear: both;
}
body .searchGroup .searchOnOff, #search-list .searchGroup .searchOnOff {
cursor: pointer;
display: none;
float: left;
line-height: 40px;
margin-right: 20px;
}
body .searchGroup .searchBox, #search-list .searchGroup .searchBox {
float: left;
}
body .searchGroup .searchClose, #search-list .searchGroup .searchClose {
display: inline-block;
display: none;
}
body .searchGroup .searchFormGroup, #search-list .searchGroup .searchFormGroup {
height: 40px;
}
body .searchGroup .searchFormGroup::after, #search-list .searchGroup .searchFormGroup::after {
content: "";
display: block;
clear: both;
}
body .searchGroup .searchFormGroup input, #search-list .searchGroup .searchFormGroup input {
float: left;
width: 268px;
height: 100%;
box-sizing: border-box;
text-indent: 15px;
}
body .searchGroup .searchFormGroup .searchSub, #search-list .searchGroup .searchFormGroup .searchSub {
float: left;
cursor: pointer;
padding: 0 12px;
height: 100%;
line-height: 40px;
text-align: center;
}
body #search-header {
display: none;
}
body #navWrapper .content {
position: relative;
}
body #search-nav.searchGroup {
visibility: visible;
opacity: 1;
}
body #search-nav {
display: block;
position: absolute;
left: auto;
right: 0;
height: 80px;
transition: opacity 0.36s ease, height 0.36s ease;
}
body #search-nav .searchBox {
position: absolute;
top: 100%;
background: aliceblue;
right: 0;
height: 0;
overflow: hidden;
transition: height 0.36s ease;
}
body #search-nav.search-open .searchBox {
height: 40px;
}
body #search-nav .searchOnOff {
display: block;
font-size: 17px;
position: relative;
top: 50%;
transform: translate3d(0, -50%, 0);
}
body #search-nav .searchSub {
display: none;
}
body #search-nav.navHide .searchBox {
display: none;
}
body #search-nav .search_wrap {
height: 100%;
}
#minHcontact {
text-align: center;
}
#minHcontact .fa-phone {
display: none;
}
#minHcontact p {
height: 100%;
font-size: 22px;
}
#minHcontact p .telNum {
position: relative;
font-size: 18px;
line-height: 40px;
color: #555;
padding-left: 10px;
border-left: 1px solid rgba(170, 170, 170, 0.2);
text-align: right;
}
#minHcontact p .telNum:before {
content: "";
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
font-size: 14px;
line-height: 1;
color: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size: 14px;
position: absolute;
left: -30px;
bottom: 0;
width: 20px;
height: 16px;
color: #adadad;
}
#minHcontact p a {
font-size: 13px;
line-height: 13px;
color: #b1b1b1;
text-align: right;
margin-bottom: 8px;
}
.imagelink .owl-nav .owl-prev, .postSlider .owl-nav .owl-prev, .mlist .owl-nav .owl-prev, .ff_topSlider .owl-nav .owl-prev,
.imagelink .owl-nav .owl-next,
.postSlider .owl-nav .owl-next,
.mlist .owl-nav .owl-next,
.ff_topSlider .owl-nav .owl-next {
position: relative;
background: rgba(0, 0, 0, 0.2);
margin: 0;
padding: 0;
border-radius: 0;
cursor: pointer;
}
.imagelink .owl-nav .owl-prev .iconfont, .postSlider .owl-nav .owl-prev .iconfont, .mlist .owl-nav .owl-prev .iconfont, .ff_topSlider .owl-nav .owl-prev .iconfont,
.imagelink .owl-nav .owl-next .iconfont,
.postSlider .owl-nav .owl-next .iconfont,
.mlist .owl-nav .owl-next .iconfont,
.ff_topSlider .owl-nav .owl-next .iconfont {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.imagelink .owl-nav .owl-prev .iconfont, .postSlider .owl-nav .owl-prev .iconfont, .mlist .owl-nav .owl-prev .iconfont, .ff_topSlider .owl-nav .owl-prev .iconfont,
.imagelink .owl-nav .owl-next .iconfont,
.postSlider .owl-nav .owl-next .iconfont,
.mlist .owl-nav .owl-next .iconfont,
.ff_topSlider .owl-nav .owl-next .iconfont {
color: #fff;
}
.imagelink .owl-nav .owl-prev .iconfont:before, .postSlider .owl-nav .owl-prev .iconfont:before, .mlist .owl-nav .owl-prev .iconfont:before, .ff_topSlider .owl-nav .owl-prev .iconfont:before,
.imagelink .owl-nav .owl-next .iconfont:before,
.postSlider .owl-nav .owl-next .iconfont:before,
.mlist .owl-nav .owl-next .iconfont:before,
.ff_topSlider .owl-nav .owl-next .iconfont:before {
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
font-size: 14px;
line-height: 1;
color: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-size: 20px;
}
.imagelink .owl-nav .owl-prev:hover, .postSlider .owl-nav .owl-prev:hover, .mlist .owl-nav .owl-prev:hover, .ff_topSlider .owl-nav .owl-prev:hover,
.imagelink .owl-nav .owl-next:hover,
.postSlider .owl-nav .owl-next:hover,
.mlist .owl-nav .owl-next:hover,
.ff_topSlider .owl-nav .owl-next:hover {
background: #1b3566;
}
.imagelink .owl-nav .owl-prev:hover .iconfont, .postSlider .owl-nav .owl-prev:hover .iconfont, .mlist .owl-nav .owl-prev:hover .iconfont, .ff_topSlider .owl-nav .owl-prev:hover .iconfont,
.imagelink .owl-nav .owl-next:hover .iconfont,
.postSlider .owl-nav .owl-next:hover .iconfont,
.mlist .owl-nav .owl-next:hover .iconfont,
.ff_topSlider .owl-nav .owl-next:hover .iconfont {
color: #fff;
}
.imagelink .owl-nav .owl-prev.disabled:hover, .postSlider .owl-nav .owl-prev.disabled:hover, .mlist .owl-nav .owl-prev.disabled:hover, .ff_topSlider .owl-nav .owl-prev.disabled:hover,
.imagelink .owl-nav .owl-next.disabled:hover,
.postSlider .owl-nav .owl-next.disabled:hover,
.mlist .owl-nav .owl-next.disabled:hover,
.ff_topSlider .owl-nav .owl-next.disabled:hover {
background: rgba(0, 0, 0, 0.2);
}
.imagelink .owl-nav .owl-prev.disabled:hover .iconfont, .postSlider .owl-nav .owl-prev.disabled:hover .iconfont, .mlist .owl-nav .owl-prev.disabled:hover .iconfont, .ff_topSlider .owl-nav .owl-prev.disabled:hover .iconfont,
.imagelink .owl-nav .owl-next.disabled:hover .iconfont,
.postSlider .owl-nav .owl-next.disabled:hover .iconfont,
.mlist .owl-nav .owl-next.disabled:hover .iconfont,
.ff_topSlider .owl-nav .owl-next.disabled:hover .iconfont {
color: #fff;
}
.imagelink .owl-nav .owl-prev .iconfont:before, .postSlider .owl-nav .owl-prev .iconfont:before, .mlist .owl-nav .owl-prev .iconfont:before, .ff_topSlider .owl-nav .owl-prev .iconfont:before {
content: "";
display: block;
width: 8px;
height: 12px;
background:url(../images/banner_l.png) no-repeat center;
}
.imagelink .owl-nav .owl-next .iconfont:before,
.postSlider .owl-nav .owl-next .iconfont:before,
.mlist .owl-nav .owl-next .iconfont:before,
.ff_topSlider .owl-nav .owl-next .iconfont:before {
content: "";
display: block;
width: 8px;
height: 12px;
background:url(../images/banner_r.png) no-repeat center;
}
.imagelink .owl-nav {
height: 0;
top: 50%;
transform: translateY(calc(-50%));
left: auto;
position: absolute;
width: 100px;
margin: 0;
}
.imagelink .owl-nav .owl-prev,
.imagelink .owl-nav .owl-next {
top: 50%;
transform: translateY(-50%);
}
.imagelink .owl-nav .owl-prev,
.imagelink .owl-nav .owl-next {
width: 50px;
height: 50px;
}
.mlist .owl-dots .owl-dot.active span, .imagelink .owl-dots .owl-dot.active span, .mlist .owl-dots .owl-dot:hover span, .imagelink .owl-dots .owl-dot:hover span {
background: #1b3566;
border: 1px solid #1b3566;
}
.mlist .owl-dots .owl-dot span, .imagelink .owl-dots .owl-dot span {
border: 1px solid rgba(170, 170, 170, 0.2);
}
.ff_indexPage .mcontact .container_header .title {
text-align: center;
}
.ff_indexPage .mcontact .container_header .subtitle {
text-align: center;
}
.ff_indexPage .mlist .container_header {
float: left;
}
.ff_indexPage .mlist .container_header .title {
display: inline-block;
margin-right: 10px;
}
.ff_indexPage .mlist .container_header .subtitle {
display: inline-block;
}
.ff_indexPage .mlist .module_container .container_category {
float: right;
padding-top: 0;
}
.service .content_list .item_block .item_box .item_wrapper, .project.mlist .content_list .item_block .item_box .item_wrapper, .project.mlistpost .content_list .item_block .item_box .item_wrapper, .team .content_list .item_block .item_box .item_wrapper, .ff_indexPage .news.ff_slider .content_list .item_block .item_box .item_wrapper, .ff_pageList .news .content_list .item_block .item_box .item_wrapper {
padding: 24px 20px;
}
.service .content_list .item_block .item_box .item_wrapper > .date_wrap, .project.mlist .content_list .item_block .item_box .item_wrapper > .date_wrap, .project.mlistpost .content_list .item_block .item_box .item_wrapper > .date_wrap, .team .content_list .item_block .item_box .item_wrapper > .date_wrap, .ff_indexPage .news.ff_slider .content_list .item_block .item_box .item_wrapper > .date_wrap, .ff_pageList .news .content_list .item_block .item_box .item_wrapper > .date_wrap {
display: none;
}
.service .content_list .item_block .item_box .item_wrapper .item_info .date_wrap, .project.mlist .content_list .item_block .item_box .item_wrapper .item_info .date_wrap, .project.mlistpost .content_list .item_block .item_box .item_wrapper .item_info .date_wrap, .team .content_list .item_block .item_box .item_wrapper .item_info .date_wrap, .ff_indexPage .news.ff_slider .content_list .item_block .item_box .item_wrapper .item_info .date_wrap, .ff_pageList .news .content_list .item_block .item_box .item_wrapper .item_info .date_wrap {
float: right;
}
.service .container_content .content_wrapper .more_wrap .more, .project.mlist .container_content .content_wrapper .more_wrap .more, .project.mlistpost .container_content .content_wrapper .more_wrap .more, .team .container_content .content_wrapper .more_wrap .more, .ff_indexPage .news.ff_slider .container_content .content_wrapper .more_wrap .more, .ff_pageList .news .container_content .content_wrapper .more_wrap .more {
display: none;
}
.team.mlistpost .content_list .item_img, .ff_indexPage .news.ff_noSlider .content_list .item_img, .news.mlistpost .content_list .item_img {
width: 270px;
float: left;
}
.team.mlistpost .content_list .item_wrapper, .ff_indexPage .news.ff_noSlider .content_list .item_wrapper, .news.mlistpost .content_list .item_wrapper {
float: right;
padding: 20px;
width: calc(100% - 280px);
box-sizing: border-box;
}
.team.mlistpost .content_list .item_wrapper .date_wrap, .ff_indexPage .news.ff_noSlider .content_list .item_wrapper .date_wrap, .news.mlistpost .content_list .item_wrapper .date_wrap {
display: none;
}
.team.mlistpost .content_list .item_wrapper > .date_wrap, .ff_indexPage .news.ff_noSlider .content_list .item_wrapper > .date_wrap, .news.mlistpost .content_list .item_wrapper > .date_wrap {
display: block;
}
.team.mlistpost .content_list .item_block .details, .ff_indexPage .news.ff_noSlider .content_list .item_block .details, .news.mlistpost .content_list .item_block .details {
position: absolute;
bottom: 12px;
right: 20px;
margin: 0;
}
.team.mlistpost .content_list .details, .ff_indexPage .news.ff_noSlider .content_list .details, .news.mlistpost .content_list .details {
margin: 0;
}
.team.mlistpost .container_content .content_wrapper .more_wrap, .ff_indexPage .news.ff_noSlider .container_content .content_wrapper .more_wrap, .news.mlistpost .container_content .content_wrapper .more_wrap {
display: none;
}
.team.mlistpost .container_content .content_wrapper > .more, .ff_indexPage .news.ff_noSlider .container_content .content_wrapper > .more, .news.mlistpost .container_content .content_wrapper > .more {
display: block;
}
.ff_indexPage .ad01.mlist .content_list .date_wrap,
.ff_indexPage .ad01.mlist .content_list .item_des,
.ff_indexPage .ad01.mlist .content_list .details {
display: none;
}
.ff_indexPage .ad01.mlist .content_list .item_wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 24px 20px;
box-sizing: border-box;
}
.ff_indexPage .team_tabs.mlist {
background: rgba(0, 0, 0, 0.03);
}
.ff_indexPage .team_tabs.mlist .tab_button {
display: none;
}
.mcustomize .wrapper .header {
padding-bottom: 50px;
}
.mcustomize .wrapper .header .title {
font-size: 24px;
line-height: 30px;
color: #555;
}
.mcustomize .wrapper .header .subtitle {
font-size: 14px;
color: #bbb;
line-height: 26px;
}
.mcustomize .wrapper .description {
font-size: 13px;
line-height: 26px;
color: #999;
}
.mcustomize .container_content .contentbody .description a {
transition: all 0.36s ease;
border: 1px solid rgba(170, 170, 170, 0.2);
display: inline-block;
font-size: 14px;
line-height: 30px;
color: #999;
padding: 5px 40px;
margin-bottom: 20px;
}
.mcustomize .container_content .contentbody .description a:hover {
background: #1b3566;
color: #fff;
border-color: #1b3566;
}
.npagePage .ff_pageTarget {
background-color: #fff;
margin-top: 40px;
}
.npagePage .ff_pageTarget .container_category {
float: right;
padding-top: 0px;
}
.npagePage .ff_pageTarget .container_category a {
vertical-align: -2px;
}
.npagePage .ff_pageTarget .container_target {
float: left;
}
.npagePage .container_content {
padding-top: 20px;
}
.npagePage .content .container_category {
display: none;
}
.service.mlistpost .tabBtn::after, .team.mlistpost .tabBtn::after, .news.mlistpost .tabBtn::after {
content: "";
display: block;
clear: both;
}
.service.mlistpost .tabBtn .post-prev, .team.mlistpost .tabBtn .post-prev, .news.mlistpost .tabBtn .post-prev,
.service.mlistpost .tabBtn .post-next,
.team.mlistpost .tabBtn .post-next,
.news.mlistpost .tabBtn .post-next {
transition: all 0.36s ease;
position: relative;
width: 50%;
height: 120px;
overflow: hidden;
float: left;
padding: 10px;
box-sizing: border-box;
background: #f5f5f5;
}
.service.mlistpost .tabBtn .post-prev:not(.empty):hover, .team.mlistpost .tabBtn .post-prev:not(.empty):hover, .news.mlistpost .tabBtn .post-prev:not(.empty):hover,
.service.mlistpost .tabBtn .post-next:not(.empty):hover,
.team.mlistpost .tabBtn .post-next:not(.empty):hover,
.news.mlistpost .tabBtn .post-next:not(.empty):hover {
background: #1b3566;
}
.service.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .title, .team.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .title, .news.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .title,
.service.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .title,
.team.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .title,
.news.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .title {
color: #fff;
}
.service.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle, .team.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle, .news.mlistpost .tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle,
.service.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle,
.team.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle,
.news.mlistpost .tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle {
color: #fff;
}
.service.mlistpost .tabBtn .post-prev:not(.empty):hover .img-wrap, .team.mlistpost .tabBtn .post-prev:not(.empty):hover .img-wrap, .news.mlistpost .tabBtn .post-prev:not(.empty):hover .img-wrap,
.service.mlistpost .tabBtn .post-next:not(.empty):hover .img-wrap,
.team.mlistpost .tabBtn .post-next:not(.empty):hover .img-wrap,
.news.mlistpost .tabBtn .post-next:not(.empty):hover .img-wrap {
opacity: 1;
}
.service.mlistpost .tabBtn .post-prev:not(.empty):hover .details, .team.mlistpost .tabBtn .post-prev:not(.empty):hover .details, .news.mlistpost .tabBtn .post-prev:not(.empty):hover .details,
.service.mlistpost .tabBtn .post-next:not(.empty):hover .details,
.team.mlistpost .tabBtn .post-next:not(.empty):hover .details,
.news.mlistpost .tabBtn .post-next:not(.empty):hover .details {
border-color: rgba(170, 170, 170, 0.2);
}
.service.mlistpost .tabBtn .post-prev:not(.empty):hover .details:after, .team.mlistpost .tabBtn .post-prev:not(.empty):hover .details:after, .news.mlistpost .tabBtn .post-prev:not(.empty):hover .details:after,
.service.mlistpost .tabBtn .post-next:not(.empty):hover .details:after,
.team.mlistpost .tabBtn .post-next:not(.empty):hover .details:after,
.news.mlistpost .tabBtn .post-next:not(.empty):hover .details:after {
color: #fff;
}
.service.mlistpost .tabBtn .post-prev.empty, .team.mlistpost .tabBtn .post-prev.empty, .news.mlistpost .tabBtn .post-prev.empty,
.service.mlistpost .tabBtn .post-next.empty,
.team.mlistpost .tabBtn .post-next.empty,
.news.mlistpost .tabBtn .post-next.empty {
cursor: default;
background-color: #f8f8f8;
}
.service.mlistpost .tabBtn .post-prev.empty .details, .team.mlistpost .tabBtn .post-prev.empty .details, .news.mlistpost .tabBtn .post-prev.empty .details,
.service.mlistpost .tabBtn .post-next.empty .details,
.team.mlistpost .tabBtn .post-next.empty .details,
.news.mlistpost .tabBtn .post-next.empty .details {
display: none;
}
.service.mlistpost .tabBtn .post-prev .img-wrap, .team.mlistpost .tabBtn .post-prev .img-wrap, .news.mlistpost .tabBtn .post-prev .img-wrap,
.service.mlistpost .tabBtn .post-next .img-wrap,
.team.mlistpost .tabBtn .post-next .img-wrap,
.news.mlistpost .tabBtn .post-next .img-wrap {
transition: all 0.36s ease;
opacity: 0;
width: 80px;
height: auto;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.service.mlistpost .tabBtn .post-prev .img-wrap img, .team.mlistpost .tabBtn .post-prev .img-wrap img, .news.mlistpost .tabBtn .post-prev .img-wrap img,
.service.mlistpost .tabBtn .post-next .img-wrap img,
.team.mlistpost .tabBtn .post-next .img-wrap img,
.news.mlistpost .tabBtn .post-next .img-wrap img {
width: 100%;
}
.service.mlistpost .tabBtn .post-prev .img-wrap div, .team.mlistpost .tabBtn .post-prev .img-wrap div, .news.mlistpost .tabBtn .post-prev .img-wrap div,
.service.mlistpost .tabBtn .post-next .img-wrap div,
.team.mlistpost .tabBtn .post-next .img-wrap div,
.news.mlistpost .tabBtn .post-next .img-wrap div {
display: none;
}
.service.mlistpost .tabBtn .post-prev .details, .team.mlistpost .tabBtn .post-prev .details, .news.mlistpost .tabBtn .post-prev .details,
.service.mlistpost .tabBtn .post-next .details,
.team.mlistpost .tabBtn .post-next .details,
.news.mlistpost .tabBtn .post-next .details {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 16px;
color: transparent;
overflow: hidden;
}
.service.mlistpost .tabBtn .post-prev .infor-wrap, .team.mlistpost .tabBtn .post-prev .infor-wrap, .news.mlistpost .tabBtn .post-prev .infor-wrap,
.service.mlistpost .tabBtn .post-next .infor-wrap,
.team.mlistpost .tabBtn .post-next .infor-wrap,
.news.mlistpost .tabBtn .post-next .infor-wrap {
width: 250px;
position: relative;
top: 0;
top: 50%;
transform: translateY(-50%);
}
.service.mlistpost .tabBtn .post-prev .infor-wrap .title, .team.mlistpost .tabBtn .post-prev .infor-wrap .title, .news.mlistpost .tabBtn .post-prev .infor-wrap .title,
.service.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.team.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.news.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.service.mlistpost .tabBtn .post-next .infor-wrap .title,
.team.mlistpost .tabBtn .post-next .infor-wrap .title,
.news.mlistpost .tabBtn .post-next .infor-wrap .title,
.service.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.team.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.news.mlistpost .tabBtn .post-next .infor-wrap .subtitle {
transition: all 0.36s ease;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
.service.mlistpost .tabBtn .post-prev .infor-wrap .title, .team.mlistpost .tabBtn .post-prev .infor-wrap .title, .news.mlistpost .tabBtn .post-prev .infor-wrap .title,
.service.mlistpost .tabBtn .post-next .infor-wrap .title,
.team.mlistpost .tabBtn .post-next .infor-wrap .title,
.news.mlistpost .tabBtn .post-next .infor-wrap .title {
font-size: 16px;
line-height: 20px;
color: #666;
}
.service.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.team.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.news.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.service.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.team.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.news.mlistpost .tabBtn .post-next .infor-wrap .subtitle {
height: 30px;
font-size: 13px;
line-height: 30px;
}
.service.mlistpost .tabBtn .post-prev, .team.mlistpost .tabBtn .post-prev, .news.mlistpost .tabBtn .post-prev {
float: left;
padding-left: 85px;
}
.service.mlistpost .tabBtn .post-prev:hover .details:before, .team.mlistpost .tabBtn .post-prev:hover .details:before, .news.mlistpost .tabBtn .post-prev:hover .details:before {
right: 60px;
}
.service.mlistpost .tabBtn .post-prev:hover .details:after, .team.mlistpost .tabBtn .post-prev:hover .details:after, .news.mlistpost .tabBtn .post-prev:hover .details:after {
right: 25px;
opacity: 1;
}
.service.mlistpost .tabBtn .post-prev .img-wrap, .team.mlistpost .tabBtn .post-prev .img-wrap, .news.mlistpost .tabBtn .post-prev .img-wrap {
right: 15px;
}
.service.mlistpost .tabBtn .post-prev .infor-wrap, .team.mlistpost .tabBtn .post-prev .infor-wrap, .news.mlistpost .tabBtn .post-prev .infor-wrap {
float: left;
}
.service.mlistpost .tabBtn .post-prev .details, .team.mlistpost .tabBtn .post-prev .details, .news.mlistpost .tabBtn .post-prev .details {
border-right: 1px solid #e5e5e5;
left: 22px;
}
.service.mlistpost .tabBtn .post-prev .details:before, .team.mlistpost .tabBtn .post-prev .details:before, .news.mlistpost .tabBtn .post-prev .details:before, .service.mlistpost .tabBtn .post-prev .details:after, .team.mlistpost .tabBtn .post-prev .details:after, .news.mlistpost .tabBtn .post-prev .details:after {
content: "";
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
font-size: 14px;
line-height: 1;
color: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
transition: all 0.36s ease;
color: #999;
position: absolute;
top: 50%;
font-size: 20px;
transform: translateY(-50%);
}
.service.mlistpost .tabBtn .post-prev .details:before, .team.mlistpost .tabBtn .post-prev .details:before, .news.mlistpost .tabBtn .post-prev .details:before {
right: 25px;
}
.service.mlistpost .tabBtn .post-prev .details:after, .team.mlistpost .tabBtn .post-prev .details:after, .news.mlistpost .tabBtn .post-prev .details:after {
right: -30px;
opacity: 0;
}
.service.mlistpost .tabBtn .post-next,
.team.mlistpost .tabBtn .post-next,
.news.mlistpost .tabBtn .post-next {
float: right;
padding-right: 85px;
}
.service.mlistpost .tabBtn .post-next:hover .details:before, .team.mlistpost .tabBtn .post-next:hover .details:before, .news.mlistpost .tabBtn .post-next:hover .details:before {
left: 60px;
}
.service.mlistpost .tabBtn .post-next:hover .details:after, .team.mlistpost .tabBtn .post-next:hover .details:after, .news.mlistpost .tabBtn .post-next:hover .details:after {
left: 25px;
opacity: 1;
}
.service.mlistpost .tabBtn .post-next .img-wrap,
.team.mlistpost .tabBtn .post-next .img-wrap,
.news.mlistpost .tabBtn .post-next .img-wrap {
left: 15px;
}
.service.mlistpost .tabBtn .post-next .infor-wrap,
.team.mlistpost .tabBtn .post-next .infor-wrap,
.news.mlistpost .tabBtn .post-next .infor-wrap {
float: right;
}
.service.mlistpost .tabBtn .post-next .details,
.team.mlistpost .tabBtn .post-next .details,
.news.mlistpost .tabBtn .post-next .details {
right: 22px;
border-left: 1px solid rgba(170, 170, 170, 0.2);
}
.service.mlistpost .tabBtn .post-next .details:before, .team.mlistpost .tabBtn .post-next .details:before, .news.mlistpost .tabBtn .post-next .details:before, .service.mlistpost .tabBtn .post-next .details:after, .team.mlistpost .tabBtn .post-next .details:after, .news.mlistpost .tabBtn .post-next .details:after {
content: "";
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
font-size: 14px;
line-height: 1;
color: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
transition: all 0.36s ease;
color: #999;
position: absolute;
top: 50%;
font-size: 20px;
transform: translateY(-50%);
}
.service.mlistpost .tabBtn .post-next .details:before, .team.mlistpost .tabBtn .post-next .details:before, .news.mlistpost .tabBtn .post-next .details:before {
left: 25px;
}
.service.mlistpost .tabBtn .post-next .details:after, .team.mlistpost .tabBtn .post-next .details:after, .news.mlistpost .tabBtn .post-next .details:after {
left: -30px;
opacity: 0;
}
.service.mlistpost .tabBtn .post-next .infor-wrap .title,
.team.mlistpost .tabBtn .post-next .infor-wrap .title,
.news.mlistpost .tabBtn .post-next .infor-wrap .title,
.service.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.team.mlistpost .tabBtn .post-next .infor-wrap .subtitle,
.news.mlistpost .tabBtn .post-next .infor-wrap .subtitle {
text-align: right;
}
.project.mlistpost .tabBtn.inPos .post-next,
.project.mlistpost .tabBtn.inPos .post-prev {
opacity: 1;
}
.project.mlistpost .tabBtn.outPos .post-next,
.project.mlistpost .tabBtn.outPos .post-prev {
opacity: 0;
visibility: hidden;
}
.project.mlistpost .tabBtn .post-prev,
.project.mlistpost .tabBtn .post-next {
opacity: 0;
width: 42px;
height: 100px;
position: fixed;
z-index: 20;
top: 50%;
transform: translateY(-50%);
transition: opacity 0.36s ease-out, visibility 0.36s ease-out;
}
.project.mlistpost .tabBtn .post-prev:hover .details,
.project.mlistpost .tabBtn .post-next:hover .details {
border-color: #1b3566;
background: #1b3566;
}
.project.mlistpost .tabBtn .post-prev:hover .details:before,
.project.mlistpost .tabBtn .post-next:hover .details:before {
color: #fff;
}
.project.mlistpost .tabBtn .post-prev .img-wrap,
.project.mlistpost .tabBtn .post-prev .infor-wrap,
.project.mlistpost .tabBtn .post-next .img-wrap,
.project.mlistpost .tabBtn .post-next .infor-wrap {
width: 170px;
opacity: 0;
visibility: hidden;
}
.project.mlistpost .tabBtn .post-prev .img-wrap,
.project.mlistpost .tabBtn .post-next .img-wrap {
position: absolute;
box-sizing: border-box;
z-index: 10;
height: 100%;
border: 3px solid #1b3566;
}
.project.mlistpost .tabBtn .post-prev .img-wrap:after,
.project.mlistpost .tabBtn .post-next .img-wrap:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.4);
}
.project.mlistpost .tabBtn .post-prev .img-wrap div,
.project.mlistpost .tabBtn .post-next .img-wrap div {
height: 100%;
background-position: center center;
background-size: cover;
}
.project.mlistpost .tabBtn .post-prev .img-wrap img,
.project.mlistpost .tabBtn .post-next .img-wrap img {
display: none;
}
.project.mlistpost .tabBtn .post-prev .details,
.project.mlistpost .tabBtn .post-next .details {
position: absolute;
height: 100%;
width: 42px;
background: #fff;
border: 1px solid #ececec;
box-sizing: border-box;
transition: all 0.3s ease-out 0s;
}
.project.mlistpost .tabBtn .post-prev .details:before,
.project.mlistpost .tabBtn .post-next .details:before {
content: "";
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
font-size: 14px;
line-height: 1;
color: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
position: absolute;
top: 50%;
left: 50%;
font-size: 24px;
color: #999;
transform: translate(-50%, -50%);
}
.project.mlistpost .tabBtn .post-prev .infor-wrap,
.project.mlistpost .tabBtn .post-next .infor-wrap {
position: absolute;
top: 50%;
z-index: 10;
transform: translateY(-50%);
box-sizing: border-box;
}
.project.mlistpost .tabBtn .post-prev .infor-wrap .title,
.project.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.project.mlistpost .tabBtn .post-next .infor-wrap .title,
.project.mlistpost .tabBtn .post-next .infor-wrap .subtitle {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.project.mlistpost .tabBtn .post-prev .infor-wrap .title,
.project.mlistpost .tabBtn .post-next .infor-wrap .title {
width: 70%;
display: block;
font-size: 16px;
line-height: 20px;
color: #fff;
}
.project.mlistpost .tabBtn .post-prev .infor-wrap .subtitle,
.project.mlistpost .tabBtn .post-next .infor-wrap .subtitle {
width: 80%;
display: block;
line-height: 18px;
font-size: 14px;
color: #fff;
}
.project.mlistpost .tabBtn .post-prev {
left: 0px;
}
.project.mlistpost .tabBtn .post-prev .img-wrap {
border-left: 0;
left: 100%;
}
.project.mlistpost .tabBtn .post-prev .details {
left: 0;
}
.project.mlistpost .tabBtn .post-prev .details:before {
content: "\f104";
}
.project.mlistpost .tabBtn .post-prev .infor-wrap {
padding-left: 20px;
left: 100%;
}
.project.mlistpost .tabBtn .post-next {
right: 0px;
}
.project.mlistpost .tabBtn .post-next .img-wrap {
right: 100%;
border-right: 0;
}
.project.mlistpost .tabBtn .post-next .details {
right: 0;
}
.project.mlistpost .tabBtn .post-next .details:before {
content: "\f105";
}
.project.mlistpost .tabBtn .post-next .infor-wrap {
right: 100%;
padding-left: 20px;
}
@media screen and (min-width: 1600px) {
.project.mlistpost .post-prev:hover .infor-wrap,
.project.mlistpost .post-prev:hover .img-wrap,
.project.mlistpost .post-next:hover .infor-wrap,
.project.mlistpost .post-next:hover .img-wrap {
opacity: 1;
visibility: visible;
}
.project.mlistpost .post-prev:hover .details,
.project.mlistpost .post-next:hover .details {
border-color: #1b3566;
background: #1b3566;
}
.project.mlistpost .post-prev:hover .details:before,
.project.mlistpost .post-next:hover .details:before {
color: #fff;
}
}
.ff_postPage .team.mlistpost, .ff_postPage .news.mlistpost {
padding: 50px 50px 0;
}
.ff_postPage .team.mlistpost .module_container, .ff_postPage .news.mlistpost .module_container {
max-width: 100%;
}
.ff_postPage .team.mlistpost .postContent, .ff_postPage .news.mlistpost .postContent {
float: right;
width: calc(100% - 440px);
}
.ff_postPage .team.mlistpost .postContent .postInfo, .ff_postPage .news.mlistpost .postContent .postInfo {
display: none;
}
.ff_postPage .team.mlistpost .postInfo .description a, .ff_postPage .news.mlistpost .postInfo .description a {
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
border: 1px solid #dbdbdb;
background-color: #fff;
color: #555;
height: 40px;
padding: 0 30px;
line-height: 40px;
text-align: center;
display: inline-block;
margin-top: 20px;
}
.ff_postPage .team.mlistpost .postInfo .description a:hover, .ff_postPage .news.mlistpost .postInfo .description a:hover {
background-color: #383838;
color: #fff;
border: 1px solid #383838;
}
.ff_postPage .team.mlistpost .listWrap, .ff_postPage .news.mlistpost .listWrap {
float: left;
width: 440px;
padding-right: 50px;
box-sizing: border-box;
}
.ff_postPage .team.mlistpost .listWrap > .item_tags, .ff_postPage .news.mlistpost .listWrap > .item_tags {
margin-bottom: 20px;
}
.ff_postPage .team.mlistpost .listWrap .postInfo .item_tags, .ff_postPage .news.mlistpost .listWrap .postInfo .item_tags {
display: none;
}
.ff_postPage .team.mlistpost .listContent_post, .ff_postPage .news.mlistpost .listContent_post {
border-top: 1px solid rgba(170, 170, 170, 0.2);
}
.ff_postPage .service.mlistpost .postInfo .description a, .ff_postPage .project.mlistpost .postInfo .description a {
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
border: 1px solid #dbdbdb;
background-color: #fff;
color: #555;
height: 40px;
padding: 0 30px;
line-height: 40px;
text-align: center;
display: inline-block;
margin-top: 20px;
}
.ff_postPage .service.mlistpost .postInfo .description a:hover, .ff_postPage .project.mlistpost .postInfo .description a:hover {
background-color: #383838;
color: #fff;
border: 1px solid #383838;
}
.ff_postPage .service.mlistpost .listWrap .postInfo, .ff_postPage .project.mlistpost .listWrap .postInfo {
display: none;
}
.ff_postPage .service.mlistpost .listWrap .postInfo .description a, .ff_postPage .project.mlistpost .listWrap .postInfo .description a {
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
border: 1px solid #dbdbdb;
background-color: #fff;
color: #555;
height: 40px;
padding: 0 30px;
line-height: 40px;
text-align: center;
display: inline-block;
margin-top: 20px;
}
.ff_postPage .service.mlistpost .listWrap .postInfo .description a:hover, .ff_postPage .project.mlistpost .listWrap .postInfo .description a:hover {
background-color: #383838;
color: #fff;
border: 1px solid #383838;
}
.ff_postPage .service.mlistpost .listContent_post, .ff_postPage .project.mlistpost .listContent_post {
border-top: 1px solid rgba(170, 170, 170, 0.2);
}
#mcontact {
background: #3e3e3e;
}
#mcontact .container_header {
float: none;
}
#mcontact .container_header .title {
color: #fff;
}
#mcontact .contactlist {
padding-top: 50px;
}
#mcontact .contactlist::after {
content: "";
display: block;
clear: both;
}
#mcontact .contactinfo {
float: left;
}
#mcontact .contactinfo .contact_name {
font-size: 16px;
line-height: 24px;
margin-bottom: 25px;
font-weight: 100;
color: #fff;
}
#mcontact .contactinfo p {
width: 400px;
padding-right: 40px;
font-size: 13px;
height: 28px;
line-height: 28px;
color: #989898;
}
#mcontact .ff_social {
padding-top: 40px;
}
#mcontact .ff_social a {
width: 30px;
height: 30px;
display: block;
font-size: 16px;
text-align: center;
line-height: 28px;
border-radius: 15px;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
color: #B3B3B3;
background: rgba(255, 0, 0, 0);
margin-right: 20px;
}
#mcontact .ff_social a:hover {
color: #fff;
background: #5c5c5c;
}
#mcontact .contactform {
float: right;
}
#mcontact .contactform .contactform_content textarea {
height: 100px;
resize: none;
overflow: hidden;
}
#mcontact .contactform .inputtxt {
background-color: rgba(0, 0, 0, 0);
color: #fff;
border: 0;
border-bottom: rgba(255, 255, 255, 0.09) 1px solid;
width: 320px;
height: 20px;
line-height: 20px;
padding: 10px 20px;
margin-bottom: 10px;
transition: all 0.3s ease-out 0s;
}
#mcontact .contactform .inputtxt.submit {
background-color: #5c5c5c;
height: 48px;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
width: 100%;
color: #ffffff;
font-size: 16px;
padding: 5px 0;
cursor: pointer;
}
#mcontact .contactform .inputtxt.submit:hover {
background-color: #7B7B7B;
}
.project.mlistpost .postContent {
position: relative;
max-width: calc(100% - 315px);
padding-right: 80px;
box-sizing: border-box;
margin-top: 40px;
padding-top: 0;
}
.project.mlistpost .postInfo {
padding-bottom: 50px;
}
.project.mlistpost .postInfo::after {
content: "";
display: block;
clear: both;
}
.project.mlistpost .postInfo .mainInfor .title {
font-size: 22px;
color: #444;
}
.project.mlistpost .postInfo .mainInfor .subtitle {
line-height: 24px;
font-size: 13px;
color: #c1c1c1;
}
.project.mlistpost .postInfo .description {
margin-top: 0;
position: absolute;
top: 0;
left: 100%;
line-height: 30px;
font-size: 13px;
color: #929292;
padding-left: 50px;
border-left: 1px solid rgba(0, 0, 0, 0.15);
box-sizing: border-box;
width: 315px;
}
.project.mlistpost .postInfo .description a {
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
border: 1px solid #dbdbdb;
background-color: #fff;
color: #555;
height: 40px;
padding: 0 30px;
line-height: 40px;
text-align: center;
display: inline-block;
margin-top: 20px;
}
.project.mlistpost .postInfo .description a:hover {
background-color: #383838;
color: #fff;
border: 1px solid #383838;
}
#footer {
padding: 10px 56px;
}
#footer p {
width: 1170px;
line-height: 24px;
height: 24px;
text-align: left;
margin: 0 auto;
}
#footer p span.ellipsis {
display: inline;
max-width: 70%;
}
#footer p a#flogo {
display: inline-block;
width: 50px;
height: 20px;
vertical-align: top;
margin-left: 10px;
margin-top: 2px;
}
#footer p a#fbeian {
vertical-align: top;
}
.pageEditor .module_container {
padding-top: 60px;
}
.pageEditor .container_header .title,
.pageEditor .container_header .subtitle {
text-align: center;
}
#navWrapper .content .nav .navitem {
height: 100%;
}
#navWrapper .content .nav .navitem > a {
height: 100%;
overflow: hidden;
}
#navWrapper .content .nav .navitem > a:hover span {
transform: translate3d(0, -100%, 0);
}
#navWrapper .content .nav .navitem > a:hover span:before {
color: #1b3566;
}
#navWrapper .content .nav .navitem > a:hover .fa-angle-down {
color: #1b3566;
}
#navWrapper .content .nav .navitem > a .fa-angle-down {
position: absolute;
top: 0;
right: 5px;
}
#navWrapper .content .nav .navitem span {
position: relative;
width: 100%;
height: 100%;
display: block;
transition: transform 0.3s linear;
}
#navWrapper .content .nav .navitem span:before {
content: attr(data-title);
position: absolute;
top: 100%;
left: 0;
width: 100%;
text-align: center;
}
.mlist:not(.imagelink) .content_list .item_block:hover {
background-color: transparent;
}
.mlist:not(.imagelink) .content_list .item_block:hover .details {
border-color: #1b3566;
background-color: #1b3566;
color: #fff;
}
.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_img img {
transform: scale(1.08);
}
.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_wrapper .item_info .title {
color: #1b3566;
}
.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_wrapper .item_info .subtitle {
color: #868585;
}
.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_wrapper .date_wrap {
color: #868585;
}
.mlist:not(.imagelink) .content_list .item_block:hover .item_box .item_wrapper .item_des .description {
color: #868585;
}
.mlist .owl-dots .active.owl-dot span, .ff_topSlider .owl-dots .active.owl-dot span, .imagelink .owl-dots .active.owl-dot span, .mlist .owl-dots .owl-dot:hover span, .ff_topSlider .owl-dots .owl-dot:hover span, .imagelink .owl-dots .owl-dot:hover span {
background: #ffffff;
}
.mlist .owl-dots .owl-dot span, .ff_topSlider .owl-dots .owl-dot span, .imagelink .owl-dots .owl-dot span {
border: 1px solid #ffffff;
border-color: rgba(255, 255, 255, 0.5);
background: none;
width: 8px;
height: 8px;
margin: 5px;
transition: all 0.2s ease-in;
}
@font-face {
font-family: icomoon;
src: url(fonts/icomoon.eot?6jyupl);
src: url(fonts/icomoon.eot?6jyupl#iefix) format("embedded-opentype"), url(fonts/icomoon.ttf?6jyupl) format("truetype"), url(fonts/icomoon.woff?6jyupl) format("woff"), url(fonts/icomoon.svg?6jyupl#icomoon) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: HELVETICANEUELTPRO-THEX;
src: url(fonts/HELVETICANEUELTPRO-THEX.OTF);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: HELVETICANEUETHN;
src: url(fonts/HELVETICANEUETHN.TTF);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: helveticaneuethn;
src: url(fonts/helveticaneuethn.otf);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: GOTHAMRND-LIGHT;
src: url(fonts/GOTHAMRND-LIGHT.OTF);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: GOTHAMRND-BOOK;
src: url(fonts/GOTHAMRND-BOOK.OTF);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: FontAwesome;
src: url(fonts/FontAwesome.otf);
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: GOTHAM-BLACK;
src: url(fonts/GOTHAM-BLACK.OTF);
font-weight: 400;
font-style: normal;
}
@-webkit-keyframes bouncedelay {
0%,
100%,
80% {
-webkit-transform: scale(0);
}
40% {
-webkit-transform: scale(1);
}
}
@keyframes bouncedelay {
0%,
100%,
80% {
transform: scale(0);
-webkit-transform: scale(0);
}
40% {
transform: scale(1);
-webkit-transform: scale(1);
}
}
@-webkit-keyframes navFixed {
0% {
-webkit-transform: translateY(-100%);
}
100% {
-webkit-transform: translateY(0);
}
}
@keyframes navFixed {
0% {
transform: translateY(-100%);
}
100% {
transform: translateY(0);
}
}
@keyframes nav-item-searchshow {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
}
40% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
}
@keyframes nav-item-searchhide {
0% {
opacity: 0;
transform: scale(0.7);
animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
}
40% {
opacity: 1;
}
100% {
opacity: 1;
transform: scale(1);
}
}
@keyframes searchform-slide-one {
0% {
transform: translate3d(calc(-50% + 100px), 0, 0);
animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1);
}
100% {
transform: translate3d(-50%, 0, 0);
}
}
@keyframes searchform-slideout-one {
0% {
opacity: 1;
transform: translate3d(-50%, 0, 0);
animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1);
}
100% {
opacity: 0;
transform: translate3d(-calc(100px + 50%), 0, 0);
}
}
@keyframes searchform-slide-two {
0% {
transform: translate3d(100px, 0, 0);
animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes searchform-slideout-two {
0% {
opacity: 0;
transform: translate3d(-100, 0, 0);
animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1);
}
100% {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
form {
margin: 0;
}
ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}
a {
text-decoration: none;
}
img {
border: none;
vertical-align: top;
}
input,
textarea {
margin: 0;
padding: 0;
outline: none;
}
select {
outline: none;
}
textarea {
resize: none;
overflow: auto;
}
table {
border-collapse: collapse;
}
th,
td {
padding: 0;
}
input,
textarea {
font-family: "微软雅黑", Arial;
outline: 0;
font-size: 14px;
-webkit-appearance: none;
border: none;
background: 0 0;
}
.clear {
clear: both;
}
.fl {
float: left;
}
.fr {
float: right;
}
.ellipsis {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}
.clearfix:after {
clear: both;
display: block;
content: '';
}
.clearfix {
zoom: 1;
}
.fw {
margin: 0 auto;
width: 1180px;
}
.hide {
display: none;
}
.obHide {
display: none;
visibility: hidden;
position: absolute;
z-index: 99;
}
.show {
display: block;
}
.fa {
color: inherit;
line-height: inherit;
}
[class*=" icon-"],
[class^=icon-] {
font-family: icomoon !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrow-down03:before {
content: "\e900";
}
.icon-arrow-left:before {
content: "\e901";
}
.icon-arrow-left01:before {
content: "\e902";
}
.icon-arrow-left02:before {
content: "\e903";
}
.icon-arrow-left03:before {
content: "\e904";
}
.icon-arrow-left04:before {
content: "\e905";
}
.icon-arrow-right:before {
content: "\e906";
}
.icon-arrow-right01:before {
content: "\e907";
}
.icon-arrow-right02:before {
content: "\e908";
}
.icon-arrow-right03:before {
content: "\e909";
}
.icon-arrow-right04:before {
content: "\e90a";
}
.icon-arrow-top03:before {
content: "\e90b";
}
html,
body {
font: 12px Arial, "微软雅黑";
color: #666;
width: 100%;
height: 100%;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
body {
overflow-x: hidden;
}
a {
color: #666;
}
a.active {
color: #333;
}
img {
max-width: 100%;
}
.fa-angle-right,
.fa-angle-down {
color: inherit;
padding-left: 10px;
}
.item_index {
display: none;
}
::-webkit-scrollbar-track-piece,
::-webkit-scrollbar,
::-webkit-scrollbar-thumb {
width: 5px;
}
::-webkit-scrollbar-track-piece {
background-color: #101012;
}
::-webkit-scrollbar {
background-color: #1b3566;
}
::-webkit-scrollbar-thumb {
background-color: #333;
}
::-webkit-scrollbar-thumb:hover {
background-color: #1b3566;
}
.item_tags {
clear: both;
height: 28px;
border-top: 1px solid rgba(170, 170, 170, 0.2);
}
.item_tags::after {
content: "";
display: block;
clear: both;
}
.item_tags .item_box {
display: none;
}
.item_tags .fa-tags {
display: none;
}
.item_tags > a {
float: left;
margin-right: 10px;
padding: 0 14px;
line-height: 26px;
border: 1px solid rgba(170, 170, 170, 0.2);
}
.module {
background: #fff;
}
.container_header .title {
font-size: 24px;
line-height: 30px;
color: #555;
}
.container_header .subtitle {
font-size: 14px;
color: #bbb;
line-height: 26px;
}
.container_category {
padding-top: 40px;
text-align: center;
}
.container_category > a {
display: inline-block;
margin: 0 5px;
font-size: 13px;
line-height: 30px;
text-align: center;
padding: 0 20px;
}
.container_content {
clear: both;
}
.mlist:not(.imagelink) .content_list .item_block {
border: 1px solid rgba(170, 170, 170, 0.2);
background-color: transparent;
box-sizing: border-box;
}
.mlist:not(.imagelink) .content_list .item_block .item_tags {
padding: 15px;
}
.mlist:not(.imagelink) .content_list .item_info .title {
transition: all 0.36s ease;
color: #333;
font-size: 16px;
line-height: 30px;
}
.mlist:not(.imagelink) .content_list .item_info .subtitle {
transition: all 0.36s ease;
color: #777;
font-size: 14px;
line-height: 22px;
}
.mlist:not(.imagelink) .content_list .date_wrap {
transition: all 0.36s ease;
font-size: 13px;
line-height: 26px;
color: #888;
}
.mlist:not(.imagelink) .content_list .item_des {
margin-top: 13px;
}
.mlist:not(.imagelink) .content_list .item_des .description {
transition: all 0.36s ease;
font-size: 13px;
line-height: 26px;
height: 52px;
overflow: hidden;
color: #999;
}
.mlist:not(.imagelink) .content_list .item_img {
position: relative;
overflow: hidden;
}
.mlist:not(.imagelink) .content_list .item_img img {
transition: all 0.36s ease;
display: inline;
}
.mlist:not(.imagelink) .content_list .item_wrapper .details {
display: none;
}
.mlist:not(.imagelink) .content_list .details {
transition: all 0.36s ease;
border: 1px solid rgba(170, 170, 170, 0.2);
display: inline-block;
font-size: 14px;
line-height: 30px;
color: #999;
margin-left: 20px;
margin-bottom: 30px;
padding: 0 20px;
}
#pages {
padding: 40px 0 80px;
}
#pages::after {
content: "";
display: block;
clear: both;
}
#pages a {
float: left;
width: 36px;
height: 36px;
line-height: 36px;
font-size: 14px;
}
#pages .page-item {
margin-right: 5px;
text-align: center;
background-color: transparent;
border: 1px solid rgba(170, 170, 170, 0.2);
}
#pages .page-item.active, #pages .page-item:hover {
border-color: #1b3566;
color: #fff;
background-color: #1b3566;
}
.ff_pageTarget {
background-color: #f7f7f7;
line-height: 45px;
}
.ff_pageTarget .fa-angle-right {
padding: 0 10px;
}
.ff_pageTarget .container_target a:hover {
color: #1b3566;
}
.ff_pageTarget .container_target a:last-child {
color: #1b3566;
}
.postbody {
font-size: 13px;
}
.postbody p {
line-height: 24px;
}
.postbody hr {
margin: 20px 0;
border: none;
border-top: 1px dotted rgba(170, 170, 170, 0.2);
}
#banner div {
height: 300px;
}
.ff_pageList .container_category + .container_content {
padding-top: 40px;
}
.postSlider .owl-nav {
height: 0;
top: 50%;
transform: translateY(calc(-50%));
position: absolute;
width: 100%;
margin: 0;
}
.postSlider .owl-nav .owl-prev,
.postSlider .owl-nav .owl-next {
top: 50%;
transform: translateY(-50%);
}
.postSlider .owl-nav .owl-prev,
.postSlider .owl-nav .owl-next {
width: 50px;
height: 50px;
}
.postSlider .tab_content {
padding-bottom: 20px;
}
.postSlider .tab_content .item_img {
width: 100%;
height: 530px;
}
.postSlider .tab_content .item_img img {
width: auto;
height: 100%;
margin: auto;
}
.postSlider .tab_content .owl-item .item_block {
margin-bottom: 0;
}
.postSlider .tab_button {
width: 320px;
margin: 0 auto;
}
.postSlider .tab_button .item_img {
position: relative;
width: 100px;
height: 60px;
overflow: hidden;
}
.postSlider .tab_button .item_img:hover img {
transform: scale(1.08);
}
.postSlider .tab_button .item_img img {
min-width: 100%;
min-height: 100%;
}
.postSlider .tab_button .item_block {
cursor: pointer;
}
.postSlider .tab_button .item_block:hover .item_img:after, .postSlider .tab_button .item_block.current .item_img:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 3px solid #1b3566;
box-sizing: border-box;
}
.postContent {
margin-bottom: 40px;
padding-top: 40px;
}
.postInfo .title {
color: #444;
font-size: 16px;
transition: all .3s ease-out 0s;
line-height: 20px;
}
.postInfo .subtitle {
color: #999;
font-size: 12px;
margin-top: 4px;
transition: all .3s ease-out 0s;
line-height: 14px;
}
.postInfo .description {
margin-top: 20px;
font-size: 13px;
line-height: 24px;
margin-bottom: 24px;
color: #888;
}
.postInfo .usetdate {
font-size: 13px;
line-height: 24px;
}
.listContent_post h3 {
font-size: 14px;
padding: 30px 0;
}
.listContent_post > .item_tags {
padding: 0;
margin-bottom: 30px;
border-top: none;
}
.postbody {
margin-bottom: 60px;
}
.ff_postPage .ff_pageTarget.module {
margin-top: 0;
}
.ff_postPage .mlist .more {
display: none !important;
}
.ff_pageList,
.ff_postPage {
padding-bottom: 60px;
}
.postInfo .postbody {
color: #888;
font-size: 13px;
}
#postWrapper::after {
content: "";
display: block;
clear: both;
}
#navWrapper {
display: none;
}
#headTop > * {
display: none;
}
#headTop > *#logo {
display: block;
}
#header {
position: fixed;
top: 20px;
left: 30px;
z-index: 10;
}
body #navMini {
display: block;
}
@keyframes smallNavClose {
0% {
opacity: 0;
right: -15px;
}
20% {
opacity: 0;
right: -15px;
}
100% {
opacity: 1;
right: calc(100% + 15px);
}
}
@keyframes smallNavOpen {
0% {
opacity: 0;
right: -15px;
}
20% {
opacity: 0;
right: -15px;
}
100% {
opacity: 1;
right: 15px;
}
}
#navMini {
position: fixed;
top: 0;
right: 0;
width: 250px;
height: 100%;
box-sizing: border-box;
font-size: 14px;
z-index: 10;
}
#navMini .wrapper {
padding-top: 30px;
background: #fff;
height: 100%;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
}
#minLogo {
display: block;
text-align: center;
margin-bottom: 40px;
}
#minHcontact {
position: absolute;
bottom: 30px;
width: 100%;
}
#sitecontent {
margin-right: 250px;
}
#minNavWrapper .nav > .navitem {
position: relative;
height: 50px;
line-height: 50px;
text-align: center;
}
#minNavWrapper .nav > .navitem:hover .subnav {
right: 100%;
}
#minNavWrapper .nav > .navitem a {
transition: all 0.16s ease;
display: block;
}
#minNavWrapper .nav > .navitem a:hover {
background-color: #f1f1f1;
}
#minNavWrapper .nav > .navitem a.active {
background: #1b3566;
color: #fff;
}
#minNavWrapper .nav > .navitem a.active:hover {
color: #fff;
}
#minNavWrapper .nav > .navitem a > .fa {
position: absolute;
right: 0;
display: none;
}
#minNavWrapper .subnav {
display: block;
position: absolute;
top: 0;
right: 0;
width: 250px;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
transition-delay: 0.2s;
font-size: 12px;
z-index: -99;
}
#minNavWrapper .subnav:before {
content: "";
position: absolute;
width: 100%;
top: 50%;
transform: translate3d(0, -50%, 0);
height: 200vh;
background: #171717;
z-index: -1;
left: 0;
border-top: 3px solid #171717;
}
#minNavWrapper .subnav > li {
border-bottom: #2e2f29 1px solid;
}
#minNavWrapper .subnav > li a {
color: #bbb9b9;
}
#minOpenBtn {
position: absolute;
width: 50px;
height: 50px;
background: #a7a7a7;
color: #fff;
top: 15px;
right: calc(100% + 15px);
transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
cursor: pointer;
}
#minOpenBtn:hover {
background: #1b3566;
}
#minOpenBtn:hover:before {
transform: rotate(90deg);
}
#minOpenBtn:before {
content: "";
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
font-size: 14px;
line-height: 1;
color: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
transition: background 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position: absolute;
text-align: center;
top: 0;
right: 0;
line-height: 50px;
width: 100%;
height: 100%;
}
#sitecontent {
margin: 0;
}
#navMini {
transform: translate3d(-100%, 0, 0);
transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.openMenu #navMini {
transform: translate3d(0, 0, 0);
}
.openMenu #minOpenBtn {
background: #1b3566;
}
.openMenu #minOpenBtn:before {
content: "\f00d";
}
.npagePage #pageTarget {
margin-top: 0;
padding-top: 80px;
}
#navMini {
transform: translate3d(100%, 0, 0);
}
body {
font-family: 'Didot', '微软雅黑';
}
#navMini {
z-index: 100;
}
#navMini .wrapper {
padding-top: 10vw;
}
#navMini #minLogo,
#navMini #minOpenBtn,
#navMini .search_wrap {
display: none;
}
#minNavScroll {
height: 26vw;
}
#minNavScroll .nav .navitem {
min-height: 70px;
height: auto;
border-bottom: 1px solid #f0f0f0;
color: #333;
}
#minNavScroll .nav .navitem:nth-child(1) {
border-top: 1px solid #f0f0f0;
}
#minNavScroll .nav .navitem a {
height: 70px;
line-height: 70px;
}
#minNavScroll .nav .navitem a em {
font-style: normal;
position: absolute;
left: 12%;
}
#minNavScroll .nav .navitem a .fa-angle-down {
display: block;
top: 0;
right: 8%;
font-size: 24px;
}
#minNavScroll .nav .navitem .subnav {
width: 100%;
position: static;
height: 0;
transition: height .36s ease;
overflow: hidden;
}
#minNavScroll .nav .navitem .subnav::before {
content: none;
}
#minNavScroll .nav .navitem .subnav a.active {
background: transparent;
color: #333;
}
#minNavScroll .nav .navitem .subnav li {
border-bottom: 1px solid #f0f0f0;
}
#minNavScroll .nav .navitem .subnav li:nth-child(1) {
border-top: 1px solid #f0f0f0;
}
#minNavScroll .nav .navitem .subnav li a {
position: relative;
}
#minNavScroll .nav .navitem .subnav li a:hover {
background-color: #f1f1f1;
}
#minNavScroll .nav .navitem .subnav li a:before {
content: '';
width: 12px;
height: 1px;
display: block;
background: #dfdfdf;
position: absolute;
top: 50%;
left: 35%;
}
#header {
z-index: 9999;
left: 2%;
}
#openBtn {
display: block;
position: fixed;
top: 30px;
right: 2%;
cursor: pointer;
}
#openBtn .lcbody {
width: 26px;
height: 15px;
position: relative;
}
#openBtn .lcbody .lcitem {
width: 100%;
height: 1px;
position: absolute;
transition: transform 0.36s ease;
}
#openBtn .lcbody .lcitem div {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: auto;
right: 0;
background: #999999;
}
#openBtn .lcbody .top {
top: 0;
}
#openBtn .lcbody .center {
display: block;
top: 49%;
}
#openBtn .lcbody .bottom {
top: 100%;
}
#openBtn .lcbody:hover .lcitem.top .rect {
animation: move 0.4s ease-in-out 1;
}
#openBtn .lcbody:hover .lcitem.center .rect {
animation: move 0.4s ease-in-out 0.1s 1;
}
#openBtn .lcbody:hover .lcitem.bottom .rect {
animation: move 0.4s ease-in-out 0.2s 1;
}
.openMenu #openBtn .lcitem.top {
transform: rotateZ(45deg);
top: 49%;
}
.openMenu #openBtn .lcitem.center {
opacity: 0;
}
.openMenu #openBtn .lcitem.bottom {
transform: rotateZ(-45deg);
top: 49%;
}
@keyframes move {
0% {
right: 0;
}
40% {
right: 0;
width: 0;
}
60% {
right: auto;
width: 0%;
}
100% {
right: auto;
width: 100%;
}
}
#navMini {
display: none;
}
.ff_sitecontent .module .module_container {
width: 96%;
max-width: 1840px;
margin: 0 auto;
}
.npagePage .more {
display: none !important;
}
.ff_pageList .content {
background: #fff;
}
@font-face {
font-family: "mofont";
src: url("iconfont.eot?t=1555992342989");
/* IE9 */
src: url("iconfont.eot?t=1555992342989#iefix") format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url("iconfont.woff?t=1555992342989") format("woff"), url("iconfont.ttf?t=1555992342989") format("truetype"), url("iconfont.svg?t=1555992342989#mofont") format("svg");
/* iOS 4.1- */
}
.mofont {
font-family: "mofont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.ff_indexPage .module {
padding-top: 80px;
padding-bottom: 100px;
}
.ff_indexPage {
position: relative;
}
.wow {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
.ff_indexPage .mlist .content_wrapper {
padding-top: 51px;
}
.ff_indexPage .mlist .content_wrapper .more_wrap .more {
display: none;
}
.ff_indexPage .mlist .content_wrapper .more {
display: block;
line-height: 46px;
width: 200px;
text-align: center;
margin: 50px auto 0;
font-size: 14px;
background-color: transparent;
border: 1px solid rgba(170, 170, 170, 0.2);
}
.ff_indexPage .mlist .content_wrapper .more:hover {
color: #fff;
background-color: #1b3566;
}
.mlist .owl-nav {
height: 0;
top: 50%;
transform: translateY(calc(-50%));
position: absolute;
width: 100%;
margin: 0;
}
.mlist .owl-nav .owl-prev,
.mlist .owl-nav .owl-next {
top: 50%;
transform: translateY(-50%);
}
.mlist .owl-nav .owl-prev {
position: absolute;
left: -50px;
}
.mlist .owl-nav .owl-next {
position: absolute;
right: -50px;
}
.mlist .owl-nav .owl-prev,
.mlist .owl-nav .owl-next {
width: 50px;
height: 50px;
}
.mlist .owl-dots {
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
}
.ff_indexPage #topSlider {
padding-top: 0px;
padding-bottom: 0px;
}
#sliderDirThemb,
#sliderDotThemb {
border-color: #1b3566;
}
#topSlider {
background: transparent;
}
.ff_topSlider {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
display: block;
}
.ff_topSlider .content_list {
height: 100%;
overflow: hidden;
display: block;
visibility: hidden;
}
.ff_topSlider .content_list.owl-loaded {
visibility: visible;
}
.ff_topSlider .content_list[data-slider-mode="3"] {
width: 3600px;
padding: 40px 0;
}
.ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer {
width: 3600px;
height: 100%;
left: 50%;
margin-left: -1800px;
}
.ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:before, .ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:after {
content: '';
width: 1200px;
height: 100%;
display: block;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
z-index: 2;
top: 0;
border: #1c1c1c 30px solid;
box-sizing: border-box;
}
.ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:before {
left: 0;
}
.ff_topSlider .content_list[data-slider-mode="3"] .owl-stage-outer:after {
right: 0;
}
.ff_topSlider .content_list[data-slider-mode="3"] .owl-item.active .item_block p {
transform: translateY(50px);
opacity: 0;
}
.ff_topSlider .content_list[data-slider-mode="3"] .owl-item.active.active3 .item_block p {
transform: translateY(0px);
opacity: 1;
}
.ff_topSlider .content_list .owl-item.active .item_block p {
transform: translateY(0px);
opacity: 1;
}
.ff_topSlider .content_list .item_block {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.ff_topSlider .content_list .item_block div.item_bg {
position: absolute;
width: 100%;
height: 100%;
}
.ff_topSlider .content_list .item_block div.item_bg.image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 100%;
}
.ff_topSlider .content_list .item_block div.item_bg.video video {
width: 100%;
height: 100%;
}
.ff_topSlider .content_list .item_block div.mask {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
.ff_topSlider .content_list .item_block a {
width: 100%;
height: 100%;
display: table;
position: absolute;
left: 0;
top: 0;
}
.ff_topSlider .content_list .item_block a div {
display: table-cell;
vertical-align: middle;
padding: 100px 50px;
}
.ff_topSlider .content_list .item_block a i {
text-indent: 20px;
font-size: 24px;
}
.ff_topSlider .content_list .item_block p {
transform: translateY(50px);
transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
-webkit-transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
opacity: 0;
color: #ffffff;
max-width: 1170px;
margin: 0 auto;
}
.ff_topSlider .content_list .item_block p.title {
font-size: 46px;
line-height: 46px;
height: 46px;
transition-delay: 0s;
}
.ff_topSlider .content_list .item_block p.subtitle {
font-size: 16px;
height: 16px;
color: #ddd;
transition-delay: 0.2s;
margin-top: 6px;
}
.ff_topSlider .progress {
display: none;
width: 100%;
height: 1px;
background: rgba(150, 57, 71, 0.8);
bottom: 0;
position: absolute;
width: 0;
z-index: 1;
}
.ff_topSlider .owl-nav {
height: 0;
top: 50%;
transform: translateY(calc(-50%));
position: absolute;
width: 100%;
margin: 0;
}
.ff_topSlider .owl-nav .owl-prev,
.ff_topSlider .owl-nav .owl-next {
top: 50%;
transform: translateY(-50%);
}
.ff_topSlider .owl-nav .owl-prev {
position: absolute;
left: 3%;
}
.ff_topSlider .owl-nav .owl-next {
position: absolute;
right: 3%;
}
.ff_topSlider .owl-nav .owl-prev,
.ff_topSlider .owl-nav .owl-next {
width: 50px;
height: 50px;
}
.ff_topSlider .owl-dots {
position: absolute;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
}
.bodyindex #indexPage #topSlider canvas {
display: block;
z-index: 9;
}
.bodyindex #indexPage #topSlider .content_list[data-slider-mode_id="3"] .owl-stage-outer {
z-index: 999;
pointer-events: none;
}
.bodyindex #indexPage #topSlider .content_list[data-slider-mode_id="3"] .owl-stage-outer .owl-item.active {
z-index: 100;
}
.bodyindex #indexPage #topSlider .content_list[data-slider-mode_id="3"] .owl-stage-outer .item_block {
overflow: hidden;
}
.bodyindex #indexPage #topSlider .content_list[data-slider-mode_id="3"] .owl-stage-outer .item_block .item_bg {
transform: scale(1.15);
}
.bodyindex #indexPage #topSlider .content_list[data-slider-mode_id="3"] .owl-stage-outer.control {
z-index: auto;
pointer-events: auto;
}
.bodyindex #indexPage #topSlider .content_list[data-slider-mode_id="3"] .owl-stage-outer.control .owl-item.active {
z-index: auto;
}
.bodyindex #indexPage #topSlider .content_list {
}
.bodyindex #indexPage #topSlider .content_list .owl-stage {
background: #000;
}
.bodyindex #indexPage #topSlider .content_list .owl-stage .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.bodyindex #indexPage #topSlider .content_list .owl-stage .item_block {
height: 760px !important;
}
.bodyindex #indexPage #topSlider .content_list .owl-stage .item_block .description {
display: none;
}
.bodyindex #indexPage #topSlider .content_list .owl-animated-out {
z-index: 0;
}
.bodyindex #indexPage #topSlider .content_list .owl-animated-in {
z-index: 1;
}
.bodyindex #indexPage #topSlider .content_list .customOut {
-webkit-animation-name: nextOut;
animation-name: nextOut;
}
.bodyindex #indexPage #topSlider .content_list .customIn {
-webkit-animation-name: nextIn;
animation-name: nextIn;
}
.bodyindex #indexPage #topSlider .content_list.next .owl-animated-out {
z-index: 0;
}
.bodyindex #indexPage #topSlider .content_list.next .owl-animated-in {
z-index: 1;
}
.bodyindex #indexPage #topSlider .content_list.next .customOut {
-webkit-animation-name: nextOut;
animation-name: nextOut;
}
.bodyindex #indexPage #topSlider .content_list.next .customIn {
-webkit-animation-name: nextIn;
animation-name: nextIn;
}
.bodyindex #indexPage #topSlider .content_list.prev .owl-animated-out {
z-index: 1;
}
.bodyindex #indexPage #topSlider .content_list.prev .owl-animated-in {
z-index: 0;
}
.bodyindex #indexPage #topSlider .content_list.prev .customOut {
-webkit-animation-name: prevOut;
animation-name: prevOut;
}
.bodyindex #indexPage #topSlider .content_list.prev .customIn {
-webkit-animation-name: prevIn;
animation-name: prevIn;
}
.bodyindex #indexPage #topSlider .content_list .owl-nav {
z-index: 10;
}
.bodyindex #indexPage #topSlider .content_list .owl-nav .owl-prev,
.bodyindex #indexPage #topSlider .content_list .owl-nav .owl-next {
width: 34px;
height: 80px;
}
.bodyindex #indexPage #topSlider .content_list .owl-nav .owl-prev:hover,
.bodyindex #indexPage #topSlider .content_list .owl-nav .owl-next:hover {
background: #1b3566;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots {
position: absolute;
bottom: 55px;
max-width: 1500px;
height: 60px;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 auto;
z-index: 10;
display: none;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot {
width: 10.5vw;
height: 60px;
line-height: 60px;
position: relative;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot:last-child .progress-bar {
display: none;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot .progress-bar {
width: 0;
height: 1px;
background: #fff;
position: absolute;
top: 50%;
left: 10.5vw;
z-index: 1;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot span {
width: 10.5vw;
width: 6vw;
padding: 0 2.25vw;
height: 60px;
margin: 0;
position: absolute;
top: 0;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot span i {
width: 100%;
transition: 0.34s ease;
position: absolute;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot span .left,
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot span .right {
width: 35%;
height: 1px;
background: rgba(217, 217, 217, 0.5);
top: 50%;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot span .left {
left: 0;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot span .right {
right: 0;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot span .title {
width: 6vw;
padding: 0 2.25vw;
font-style: normal;
left: 0;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot span .title:before {
content: '';
width: 0%;
height: 2px;
background: #1b3566;
position: absolute;
top: 0;
left: 50%;
transition: .36s ease;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot span .title:after {
content: '';
width: 3px;
height: 3px;
display: block;
border-radius: 100px;
background: #666;
position: absolute;
top: 50%;
left: 42%;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot.active .title {
color: #1b3566;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot.active .title.show {
font-size: 15px;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot.active .title.show:before {
width: 100%;
left: 0;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot.active .title.show:after {
content: none;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot span::before,
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot span::after {
content: none;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot:not(:last-child) {
padding-right: 3vw;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot:not(:last-child)::after {
content: "";
width: 3vw;
height: 1px;
display: block;
background: rgba(217, 217, 217, 0.5);
position: absolute;
right: 0;
top: 50%;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot:last-child:after {
content: none;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots:after, .bodyindex #indexPage #topSlider .content_list .owl-dots:before {
content: "";
width: calc((100vw - 100%)/2);
height: 1px;
background: rgba(217, 217, 217, 0.5);
display: block;
position: absolute;
top: 50%;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots:before {
left: calc((100vw - 100%)/-2);
}
.bodyindex #indexPage #topSlider .content_list .owl-dots:after {
right: calc((100vw - 100%)/-2);
}
#sliderDirThemb {
width: 156px;
height: 80px;
}
#sliderDirThemb .owl-item .thumb-item {
width: 150px;
height: 68px;
}
#sliderDirThemb.dir {
border-width: 6px !important;
}
@-webkit-keyframes nextOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
80% {
opacity: 0.2;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
opacity: 0;
}
}
@keyframes nextOut {
0% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
80% {
opacity: 0.2;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
opacity: 0;
}
}
@-webkit-keyframes nextIn {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%) scale(1.5);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0) scale(1);
}
}
@keyframes nextIn {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%) scale(1.5);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0) scale(1);
}
}
@-webkit-keyframes prevOut {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes prevOut {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@-webkit-keyframes prevIn {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes prevIn {
0% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.ff_indexPage .service .content_list::after, .npagePage:not(.post) .service .content_list::after {
content: "";
display: block;
clear: both;
}
.ff_indexPage .service .content_wrapper, .npagePage:not(.post) .service .content_wrapper {
position: relative;
margin-right: 0px;
}
.ff_indexPage .service .content_wrapper.slider, .npagePage:not(.post) .service .content_wrapper.slider {
margin-right: 0;
}
.ff_indexPage .service .content_wrapper.slider .item_block, .npagePage:not(.post) .service .content_wrapper.slider .item_block {
margin-bottom: 0;
}
.ff_indexPage .service .owl-item .item_block, .npagePage:not(.post) .service .owl-item .item_block {
width: 100%;
}
.ff_indexPage .service .item_block, .npagePage:not(.post) .service .item_block {
transition: all 0.36s ease;
width: calc(100% / 5 - 0px);
height: auto;
float: left;
margin-right: 0px;
margin-bottom: 20px;
position: relative;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
}
.service.mlistpost .listContent_post .content_list::after {
content: "";
display: block;
clear: both;
}
.service.mlistpost .listContent_post .content_wrapper {
position: relative;
margin-right: -15px;
}
.service.mlistpost .listContent_post .content_wrapper.slider {
margin-right: 0;
}
.service.mlistpost .listContent_post .content_wrapper.slider .item_block {
margin-bottom: 0;
}
.service.mlistpost .listContent_post .owl-item .item_block {
width: 100%;
}
.service.mlistpost .listContent_post .item_block {
transition: all 0.36s ease;
width: calc(100% / 3 - 15px);
height: auto;
float: left;
margin-right: 15px;
margin-bottom: 20px;
position: relative;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
}
.bodyindex #indexPage .service .module_container {
width: 100%;
margin: 0;
max-width: none;
}
.bodyindex #indexPage .service .module_container .container_category {
display: block;
}
.bodyindex #indexPage .service .module_container .container_category a:not(:last-child) {
display: none;
}
.bodyindex #indexPage .service .module_container .container_category .ff_more {
position: absolute;
top: 200px;
right: -100px;
width: 108px;
border: 1px solid #dfdfdf;
border-left: none;
padding: 0;
}
.bodyindex #indexPage .service .module_container .container_category .ff_more:hover {
background: transparent;
}
.bodyindex #indexPage .service .module_container .container_category .ff_more:hover::before {
width: 50%;
height: 100%;
opacity: 1;
transition: width 0.1s linear 0s, height 0.1s linear 0.1s;
}
.bodyindex #indexPage .service .module_container .container_category .ff_more:hover::after {
width: calc(100% + 1px);
height: calc(100% + 1px);
opacity: 1;
background-size: 50% 1px;
transition: opacity 0s 0.2s, width 0.1s linear 0.2s, height 0.1s linear 0.3s, background-size 0.1s linear 0.4s;
}
.bodyindex #indexPage .service .module_container .container_category .ff_more:hover span:before {
width: 0;
}
.bodyindex #indexPage .service .module_container .container_category .ff_more::before {
content: "";
width: 0;
height: 0;
display: block;
border: 1px solid #1b3566;
border-left: none;
border-bottom: none;
position: absolute;
top: -1px;
left: 50%;
opacity: 0;
transition: height 0.1s linear 0.3s, width 0.1s linear 0.4s, opacity 0s 0.51s;
margin: 0;
}
.bodyindex #indexPage .service .module_container .container_category .ff_more::after {
content: "";
width: 0;
height: 0;
display: block;
border: 1px solid #1b3566;
border-top: none;
border-right: none;
position: absolute;
bottom: -1px;
right: -1px;
opacity: 0;
background-image: linear-gradient(#1b3566, #1b3566);
background-repeat: no-repeat;
background-size: 0 1px;
transition: background-size 0.1s linear 0s, height 0.1s linear 0.1s, width 0.1s linear 0.2s, opacity 0s 0.3s;
}
.bodyindex #indexPage .service .module_container .container_category .ff_more span:before {
content: '';
width: 30px;
height: 1px;
display: block;
position: absolute;
top: 50%;
background: #dfdfdf;
right: 84%;
transition: .6s ease;
}
.bodyindex #indexPage .service .module_container .container_category .ff_more .move:before {
content: '';
width: 1px;
height: 12px;
display: block;
background: #dfdfdf;
position: absolute;
top: -1px;
left: -1px;
}
.bodyindex #indexPage .service .module_container .container_category .ff_more .move:after {
content: '';
width: 1px;
height: 12px;
display: block;
background: #dfdfdf;
position: absolute;
bottom: -1px;
left: -1px;
}
.bodyindex #indexPage .service .container_header,
.bodyindex #indexPage .service .more {
display: none;
}
.bodyindex #indexPage .service .owl-dots {
display: none;
}
.bodyindex #indexPage .service .owl-nav div {
width: 4vw;
height: 100vh;
background: transparent;
}
.bodyindex #indexPage .service .owl-nav .owl-prev {
left: -4vw;
cursor: url(http://resources.jsmo.xin/templates/upload/14848/201904/left_an.ico), auto;
}
.bodyindex #indexPage .service .owl-nav .owl-next {
right: -4vw;
cursor: url(http://resources.jsmo.xin/templates/upload/14848/201904/right_an.ico), auto;
}
.bodyindex #indexPage .service .content_wrapper {
padding: 0;
margin: 0 4vw 0 4vw;
width: 92vw;
}
.bodyindex #indexPage .service .content_wrapper .content_list {
white-space: nowrap;
font-size: 0;
}
.bodyindex #indexPage .service .content_wrapper .content_list .item_block {
width: calc(92vw/5);
border: none;
height: 100%;
transition: .36s ease;
display: inline-block;
float: none;
margin-bottom: 0;
border-right: 1px solid rgba(170, 170, 170, 0.2);
}
.bodyindex #indexPage .service .content_wrapper .content_list .item_block:hover .item_box .item_index:after {
height: 11.5vw;
}
.bodyindex #indexPage .service .content_wrapper .content_list .item_block:hover .item_box .item_wrapper {
padding: 0;
transform: translateY(35vh);
}
.bodyindex #indexPage .service .content_wrapper .content_list .item_block:hover .item_wrapper .title {
color: #1b3566;
}
.bodyindex #indexPage .service .content_wrapper .content_list .item_block:hover .item_wrapper .subtitle {
color: #333;
}
.bodyindex #indexPage .service .content_wrapper .content_list .item_block:hover .item_img {
background-size: 106%;
}
.bodyindex #indexPage .service .content_wrapper .content_list .item_block .item_box .item_index {
display: block;
font-size: 60px;
line-height: 122px;
color: #e0e0e0;
text-align: center;
transform: translateY(3vw);
opacity: 0;
transition: .36s ease;
font-family: Linotype, Didot, Arial;
}
.bodyindex #indexPage .service .content_wrapper .content_list .item_block .item_box .item_index:after {
content: '';
width: 1px;
height: 0;
background: #f0f0f0;
display: block;
position: absolute;
left: 50%;
transition: .36s ease;
}
.bodyindex #indexPage .service .content_wrapper .content_list .item_block .item_img {
padding-top: 112%;
height: 0;
transition: all 0.36s ease;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.bodyindex #indexPage .service .content_wrapper .content_list .item_block .item_img img {
display: none;
}
.bodyindex #indexPage .service .content_wrapper .content_list .item_block .item_wrapper {
padding: 0;
transform: translateY(30vh);
line-height: 30px;
}
.bodyindex #indexPage .service .content_wrapper .content_list .item_block .item_wrapper .item_des {
display: none;
}
.bodyindex #indexPage .service .content_wrapper .content_list .item_block .item_wrapper .title {
font-size: 20px;
color: #fff;
}
.bodyindex #indexPage .service .content_wrapper .content_list .item_block .item_wrapper .subtitle {
color: rgba(255, 255, 255, 0.3);
font-size: 13px;
text-transform: uppercase;
opacity: .3;
}
.bodyindex #indexPage .service .content_wrapper .content_list .details,
.bodyindex #indexPage .service .content_wrapper .content_list .item_tags {
display: none;
}
.bodyindex #indexPage .service .number {
position: absolute;
top: 50%;
left: 0;
font-size: 20px;
color: #fff;
transform: rotateZ(90deg) translateX(-50%);
}
.bodyindex #indexPage .service .number .current {
font-size: 24px;
padding: 0 4px;
}
.bodyindex #indexPage .service .number .total {
font-size: 14px;
padding: 0 4px;
}
.bodyindex #indexPage .service .clear {
width: 0;
height: 2px;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
}
.bodyindex #indexPage .service.ff_noSlider .content_wrapper .content_list .item_block {
float: left;
display: block;
}
.bodyindex #indexPage .service.ff_noSlider .content_wrapper .content_list .item_block:nth-child(5) {
border: none;
}
.bodyindex #indexPage .service.ff_noSlider .content_wrapper .content_list .item_block:nth-child(n+6) {
display: none;
}
@media screen and (min-width: 1920px), screen and (max-height: 880px) {
.bodyindex #indexPage .service .content_wrapper .content_list .item_block .item_img {
padding-top: 42vh;
}
}
.bodylist.bodyservice .service .content_list .item_block {
cursor: pointer;
}
.bodylist.bodyservice .service .content_list .item_block .item_box .item_img {
height: 0;
overflow: hidden;
transition: all 0.36s ease;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
padding-top: 140%;
}
.bodylist.bodyservice .service .content_list .item_block .item_box .item_img img {
display: none;
}
.bodylist.bodyservice .service .content_list .item_block:hover .item_img {
background-size: 110% auto;
}
.bodylistpost.bodyservice .service .content_list .item_block {
border: none;
width: calc(100% / 4 - 15px);
}
.bodylistpost.bodyservice .service .content_list .item_block .details,
.bodylistpost.bodyservice .service .content_list .item_block .date_wrap,
.bodylistpost.bodyservice .service .content_list .item_block .item_des {
display: none;
}
.bodylistpost.bodyservice .service .content_list .item_block .item_wrapper {
position: absolute;
left: 50%;
top: 50%;
z-index: 1;
transform: translate(-50%, -50%);
text-align: center;
opacity: 0;
padding-top: 20px;
}
.bodylistpost.bodyservice .service .content_list .item_block .item_img {
height: 0;
overflow: hidden;
transition: all 0.36s ease;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
padding-top: 140%;
}
.bodylistpost.bodyservice .service .content_list .item_block .item_img img {
display: none;
}
.bodylistpost.bodyservice .service .content_list .item_block:hover .item_img {
background-size: 110% auto;
}
.bodylistpost.bodyservice .service .content_list .item_block:hover .item_wrapper {
opacity: 1;
padding-top: 0;
transition: .36s ease;
}
#indexPage .project .content_list::after {
content: "";
display: block;
clear: both;
}
#indexPage .project .content_wrapper {
position: relative;
margin-right: -80px;
}
#indexPage .project .content_wrapper.slider {
margin-right: 0;
}
#indexPage .project .content_wrapper.slider .item_block {
margin-bottom: 0;
}
#indexPage .project .owl-item .item_block {
width: 100%;
}
#indexPage .project .item_block {
transition: all 0.36s ease;
width: calc(100% / 3 - 80px);
height: auto;
float: left;
margin-right: 80px;
margin-bottom: 20px;
position: relative;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
}
.bodylist.bodyproject .project .content_list::after {
content: "";
display: block;
clear: both;
}
.bodylist.bodyproject .project .content_wrapper {
position: relative;
margin-right: -20px;
}
.bodylist.bodyproject .project .content_wrapper.slider {
margin-right: 0;
}
.bodylist.bodyproject .project .content_wrapper.slider .item_block {
margin-bottom: 0;
}
.bodylist.bodyproject .project .owl-item .item_block {
width: 100%;
}
.bodylist.bodyproject .project .item_block {
transition: all 0.36s ease;
width: calc(100% / 4 - 20px);
height: auto;
float: left;
margin-right: 20px;
margin-bottom: 20px;
position: relative;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
}
.project.mlistpost .listContent_post .content_list::after {
content: "";
display: block;
clear: both;
}
.project.mlistpost .listContent_post .content_wrapper {
position: relative;
margin-right: -15px;
}
.project.mlistpost .listContent_post .content_wrapper.slider {
margin-right: 0;
}
.project.mlistpost .listContent_post .content_wrapper.slider .item_block {
margin-bottom: 0;
}
.project.mlistpost .listContent_post .owl-item .item_block {
width: 100%;
}
.project.mlistpost .listContent_post .item_block {
transition: all 0.36s ease;
width: calc(100% / 3 - 15px);
height: auto;
float: left;
margin-right: 15px;
margin-bottom: 20px;
position: relative;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
}
.bodyindex #indexPage .project .module_container {
width: 96vw;
height: 100vh;
position: static;
transform: translateY(0);
max-width: none;
}
.bodyindex #indexPage .project .module_container .container_category span {
position: relative;
}
.bodyindex #indexPage .project .module_container .container_category a:not(:nth-last-child(-n+2)) span::after {
content: '';
width: 1px;
height: 12px;
display: block;
background: #f4f4f4;
position: absolute;
right: -1.2vw;
top: 4px;
}
.bodyindex #indexPage .project .module_container .container_category a:last-child {
width: 108px;
border: 1px solid #dfdfdf;
}
.bodyindex #indexPage .project .module_container .container_category a:last-child:hover::before {
width: 50%;
height: 100%;
opacity: 1;
transition: width 0.1s linear 0s, height 0.1s linear 0.1s;
}
.bodyindex #indexPage .project .module_container .container_category a:last-child:hover::after {
width: calc(100% + 1px);
height: calc(100% + 1px);
opacity: 1;
background-size: 50% 1px;
transition: opacity 0s 0.2s, width 0.1s linear 0.2s, height 0.1s linear 0.3s, background-size 0.1s linear 0.4s;
}
.bodyindex #indexPage .project .module_container .container_category a:last-child::before {
content: "";
width: 0;
height: 0;
display: block;
border: 1px solid #1b3566;
border-left: none;
border-bottom: none;
position: absolute;
top: -1px;
left: 50%;
opacity: 0;
transition: height 0.1s linear 0.3s, width 0.1s linear 0.4s, opacity 0s 0.51s;
margin: 0;
}
.bodyindex #indexPage .project .module_container .container_category a:last-child::after {
content: "";
width: 0;
height: 0;
display: block;
border: 1px solid #1b3566;
border-top: none;
border-right: none;
position: absolute;
bottom: -1px;
right: -1px;
opacity: 0;
background-image: linear-gradient(#1b3566, #1b3566);
background-repeat: no-repeat;
background-size: 0 1px;
transition: background-size 0.1s linear 0s, height 0.1s linear 0.1s, width 0.1s linear 0.2s, opacity 0s 0.3s;
}
.bodyindex #indexPage .project .module_container .container_category a:last-child span:before {
content: '';
width: 30px;
height: 1px;
border: 3px solid #fff;
border-left: none;
border-right: none;
display: block;
position: absolute;
top: 40%;
background: #dfdfdf;
left: -120%;
}
.bodyindex #indexPage .project .module_container .content_wrapper {
padding: 0;
}
.bodyindex #indexPage .project .owl-stage {
height: 50vh;
cursor: url(http://resources.jsmo.xin/templates/upload/14848/201904/bitbug_favicon.ico), auto;
}
.bodyindex #indexPage .project .owl-stage .owl-item {
padding-top: 20px;
}
.bodyindex #indexPage .project .container_content {
width: 100%;
}
.bodyindex #indexPage .project .content_list .owl-dots {
margin: 0;
bottom: 30%;
position: fixed;
}
.bodyindex #indexPage .project .item_block:hover {
background-color: #fff;
box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.1);
}
.bodyindex #indexPage .project .item_block:hover .item_wrapper:after {
right: 0;
}
.bodyindex #indexPage .project .item_block:hover .item_img {
background-size: 110%;
}
.bodyindex #indexPage .project .item_block .item_img {
height: 0;
padding-top: 50%;
cursor: pointer;
transition: all 0.36s ease;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.bodyindex #indexPage .project .item_block .item_img img {
display: none;
}
.bodyindex #indexPage .project .item_block .item_wrapper {
position: relative;
overflow: hidden;
}
.bodyindex #indexPage .project .item_block .item_wrapper:after {
content: '\e641';
font-family: 'mofont';
color: #999;
position: absolute;
right: -100%;
top: 50%;
transition: .36s ease;
}
.bodylist.bodyproject .module_container {
max-width: none;
}
.bodylist.bodyproject .project .item_block .item_img {
height: 0;
padding-top: 50%;
transition: all 0.36s ease;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.bodylist.bodyproject .project .item_block .item_img img {
display: none;
}
.bodylist.bodyproject .project .item_block:hover .item_img {
background-size: 110%;
}
.bodylistpost.bodyproject .project .tab_button {
display: none;
}
.bodylistpost.bodyproject .project .tab_content .item_block .item_img {
height: 0;
padding-top: 60%;
transition: all 0.36s ease;
background-repeat: no-repeat;
background-position: top center;
background-size: auto 100%;
}
.bodylistpost.bodyproject .project .tab_content .item_block .item_img img {
display: none;
}
.bodylistpost.bodyproject .project .listContent_post .item_block .item_img {
height: 0;
padding-top: 50%;
transition: all 0.36s ease;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.bodylistpost.bodyproject .project .listContent_post .item_block .item_img img {
display: none;
}
.bodylistpost.bodyproject .project .listContent_post .item_block:hover .item_img {
background-size: 110%;
}
.bodylistpost.bodyproject .project .owl-nav div {
border-radius: 100px;
width: 40px;
height: 40px;
}
.bodylistpost.bodyproject .project .owl-nav .owl-prev {
left: 10px;
}
.bodylistpost.bodyproject .project .owl-nav .owl-next {
right: 10px;
}
.bodylistpost.bodyproject .project .owl-dots {
display: flex;
bottom: 0;
}
.bodylistpost.bodyproject .project .owl-dots .owl-dot span {
display: block;
border: none;
background: #ddd;
border-radius: 100px;
}
.bodylistpost.bodyproject .project .owl-dots .owl-dot:hover, .bodylistpost.bodyproject .project .owl-dots .owl-dot.active {
border: none;
}
.bodylistpost.bodyproject .project .owl-dots .owl-dot:hover span, .bodylistpost.bodyproject .project .owl-dots .owl-dot.active span {
background: #1b3566;
}
@media screen and (min-width: 1921px) {
.bodyindex #indexPage .project .module_container .container_category a:last-child span:before {
left: -80%;
}
}
.ff_indexPage .team .content_list::after, .npagePage:not(.post) .team .content_list::after {
content: "";
display: block;
clear: both;
}
.ff_indexPage .team .content_wrapper, .npagePage:not(.post) .team .content_wrapper {
position: relative;
margin-right: -15px;
}
.ff_indexPage .team .content_wrapper.slider, .npagePage:not(.post) .team .content_wrapper.slider {
margin-right: 0;
}
.ff_indexPage .team .content_wrapper.slider .item_block, .npagePage:not(.post) .team .content_wrapper.slider .item_block {
margin-bottom: 0;
}
.ff_indexPage .team .owl-item .item_block, .npagePage:not(.post) .team .owl-item .item_block {
width: 100%;
}
.ff_indexPage .team .item_block, .npagePage:not(.post) .team .item_block {
transition: all 0.36s ease;
width: calc(100% / 3 - 15px);
height: auto;
float: left;
margin-right: 15px;
margin-bottom: 20px;
position: relative;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
}
.team.mlistpost .listContent_post .content_list::after {
content: "";
display: block;
clear: both;
}
.team.mlistpost .listContent_post .content_wrapper {
position: relative;
margin-right: 0px;
}
.team.mlistpost .listContent_post .content_wrapper.slider {
margin-right: 0;
}
.team.mlistpost .listContent_post .content_wrapper.slider .item_block {
margin-bottom: 0;
}
.team.mlistpost .listContent_post .owl-item .item_block {
width: 100%;
}
.team.mlistpost .listContent_post .item_block {
transition: all 0.36s ease;
width: calc(100% / 1 - 0px);
height: auto;
float: left;
margin-right: 0px;
margin-bottom: 20px;
position: relative;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
}
.team.mlistpost .item_img {
display: none;
}
.team.mlistpost .content_list .item_block .item_wrapper {
width: 100%;
}
.bodyindex #indexPage .team .module_container {
width: 100%;
max-width: none;
top: auto;
transform: none;
}
.bodyindex #indexPage .team .module_container .container_header,
.bodyindex #indexPage .team .module_container .details,
.bodyindex #indexPage .team .module_container .date_wrap,
.bodyindex #indexPage .team .module_container .item_des,
.bodyindex #indexPage .team .module_container .item_tags,
.bodyindex #indexPage .team .module_container .more {
display: none;
}
.bodyindex #indexPage .team .module_container .content_wrapper[data-slider-loop="0"] .owl-dot {
display: none;
}
.bodyindex #indexPage .team .module_container .content_wrapper {
margin: 0;
padding: 0;
width: 100vw;
height: 100vh;
display: flex;
justify-content: space-around;
align-items: center;
}
.bodyindex #indexPage .team .module_container .content_list {
display: flex;
position: relative;
justify-content: space-between;
z-index: 1;
top: -5vw;
width: 83.4vw;
}
.bodyindex #indexPage .team .module_container .content_list.left:before, .bodyindex #indexPage .team .module_container .content_list.right::after {
opacity: 0;
width: 0;
}
.bodyindex #indexPage .team .module_container .content_list:before, .bodyindex #indexPage .team .module_container .content_list:after {
content: '';
width: 21%;
height: 1px;
display: block;
background: rgba(207, 207, 207, 0.4);
position: absolute;
top: 70.6%;
left: -21%;
opacity: 1;
transition: .36s ease;
}
.bodyindex #indexPage .team .module_container .content_list:after {
left: auto;
right: -21%;
}
.bodyindex #indexPage .team .module_container .content_list .owl-item.lhide::before,
.bodyindex #indexPage .team .module_container .content_list .owl-item.rhide::after {
opacity: 0;
width: 0;
}
.bodyindex #indexPage .team .module_container .owl-item {
text-align: center;
}
.bodyindex #indexPage .team .module_container .owl-item:before, .bodyindex #indexPage .team .module_container .owl-item:after {
content: "";
width: calc(50% - 30px);
height: 1px;
background: rgba(207, 207, 207, 0.4);
display: block;
position: absolute;
top: calc((100% + 60px)*0.706 - 30px);
left: 0;
opacity: 1;
}
.bodyindex #indexPage .team .module_container .owl-item:after {
left: auto;
right: 0;
}
.bodyindex #indexPage .team .module_container .item_block {
border: none;
margin: 0;
width: 16.66vw;
height: 23.8vw;
float: none;
display: inline-block;
cursor: grab;
}
.bodyindex #indexPage .team .module_container .item_block.no_slider {
width: 320px;
display: block;
background: transparent;
border-bottom: 2px solid #1b3566;
box-shadow: 5px 6px 34px 0px rgba(0, 0, 0, 0.1);
}
.bodyindex #indexPage .team .module_container .item_block.no_slider:hover .item_box .item_img {
top: 0;
}
.bodyindex #indexPage .team .module_container .item_block.no_slider:hover .item_box .item_wrapper {
bottom: 0;
}
.bodyindex #indexPage .team .module_container .item_block.no_slider .item_box {
position: static;
justify-content: flex-start;
margin: 0;
}
.bodyindex #indexPage .team .module_container .item_block.no_slider .item_box .item_img {
width: 11.45vw;
min-height: 240px;
margin-top: 2.5vw;
opacity: 1;
top: 0;
}
.bodyindex #indexPage .team .module_container .item_block.no_slider .item_box .item_index {
display: none;
}
.bodyindex #indexPage .team .module_container .item_block.no_slider .item_box .item_wrapper {
margin-top: 1.5vw;
bottom: 0;
opacity: 1;
}
.bodyindex #indexPage .team .module_container .item_block.no_slider .item_box .subtitle {
display: block;
text-align: center;
color: #999;
}
.bodyindex #indexPage .team .module_container .item_block.center {
width: 16.66vw;
background: #fff;
position: relative;
box-shadow: none;
z-index: 1;
}
.bodyindex #indexPage .team .module_container .item_block.center:hover .item_box .item_img {
top: 0;
background-size: 110% auto;
}
.bodyindex #indexPage .team .module_container .item_block.center .item_box {
justify-content: center;
margin: 0;
bottom: 9%;
}
.bodyindex #indexPage .team .module_container .item_block.center .item_box .item_img {
width: 15.45vw;
opacity: 1;
top: 0;
height: 0;
padding-top: 100%;
transition: 0.36s ease;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.bodyindex #indexPage .team .module_container .item_block.center .item_box .item_img img {
display: none;
}
.bodyindex #indexPage .team .module_container .item_block.center .item_box .item_index {
display: none;
}
.bodyindex #indexPage .team .module_container .item_block.center .item_box .item_wrapper {
margin-top: 1.5vw;
bottom: 0;
opacity: 1;
}
.bodyindex #indexPage .team .module_container .item_block.center .item_box .subtitle {
display: block;
text-align: center;
color: #999;
}
.bodyindex #indexPage .team .module_container .item_block:hover .item_box .item_index {
top: auto;
color: #1b3566;
}
.bodyindex #indexPage .team .module_container .item_block:hover .item_box .item_index i {
background: #1b3566;
}
.bodyindex #indexPage .team .module_container .item_block:hover .item_box .item_wrapper {
bottom: -16px;
opacity: 1;
}
.bodyindex #indexPage .team .module_container .item_block .item_box {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
position: absolute;
bottom: 18%;
}
.bodyindex #indexPage .team .module_container .item_block .item_box .item_index {
display: block;
font-size: 14px;
color: #333;
position: relative;
width: 100%;
text-align: center;
color: #b5b5b5;
}
.bodyindex #indexPage .team .module_container .item_block .item_box .item_index i {
width: 3px;
height: 3px;
background: #b5b5b5;
border-radius: 10px;
display: block;
position: absolute;
top: 51%;
transform: translateY(-50%);
left: 45%;
opacity: 1;
transition: opacity .36s ease;
}
.bodyindex #indexPage .team .module_container .item_block .item_box .item_img {
width: 5.2vw;
top: 0;
opacity: 0;
text-align: center;
height: 0;
padding-top: 35%;
transition: all 0.36s ease;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.bodyindex #indexPage .team .module_container .item_block .item_box .item_img img {
display: none;
}
.bodyindex #indexPage .team .module_container .item_block .item_wrapper {
padding: 0;
overflow: hidden;
position: relative;
bottom: 0;
opacity: 0;
transition: bottom 0.36s ease, opacity .36s ease;
text-align: center;
}
.bodyindex #indexPage .team .module_container .item_block .title {
font-size: 15px;
color: #333;
}
.bodyindex #indexPage .team .module_container .item_block .subtitle {
display: none;
}
.bodyindex #indexPage .team .module_container .owl-stage-outer {
z-index: 1;
padding: 30px 0;
}
.bodyindex #indexPage .team .module_container .owl-stage-outer:after {
content: "";
width: 16.66vw;
height: 23.8vw;
display: block;
background: transparent;
border-bottom: 2px solid #1b3566;
box-shadow: 5px 6px 34px 0px rgba(0, 0, 0, 0.1);
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.bodyindex #indexPage .team .module_container .owl-nav {
top: 0;
left: 0;
}
.bodyindex #indexPage .team .module_container .owl-nav div {
width: 50vw;
height: 100vh;
top: 0;
transform: translateY(-10%);
background: transparent;
}
.bodyindex #indexPage .team .module_container .owl-nav .owl-prev {
left: -8.3vw;
cursor: url(http://resources.jsmo.xin/templates/upload/14848/201904/left_an.ico), auto;
}
.bodyindex #indexPage .team .module_container .owl-nav .owl-next {
right: -8.3vw;
cursor: url(http://resources.jsmo.xin/templates/upload/14848/201904/right_an.ico), auto;
}
.bodyindex #indexPage .team .module_container .owl-dots {
display: flex;
align-items: flex-end;
bottom: -18vw;
}
.bodyindex #indexPage .team .module_container .owl-dots .owl-dot span {
width: 1px;
height: 12px;
background: #dadada;
transition: 0.36s ease;
border: none;
display: block;
}
.bodyindex #indexPage .team .module_container .owl-dots .active span {
height: 40px;
background: #1b3566;
}
.bodyindex #indexPage .team.ff_slider .item_block:hover .item_box .item_img {
top: -16px;
opacity: 1;
}
.bodyindex #indexPage .team.ff_noSlider .module_container .item_block .item_box {
bottom: 0;
}
@media screen and (min-width: 1921px) {
.bodyindex #indexPage .team .module_container .item_block.center .item_box {
bottom: 10%;
}
.bodyindex #indexPage .team .module_container .item_block.center .item_box .item_wrapper {
margin-top: 2vw;
}
.bodyindex #indexPage .team .module_container .item_block .item_box {
bottom: 21%;
}
}
@media screen and (max-width: 1680px) {
.bodyindex #indexPage .team .module_container .item_block.center .item_box {
bottom: 8%;
}
.bodyindex #indexPage .team .module_container .item_block .item_box {
bottom: 17%;
}
.bodyindex #indexPage .team .module_container .content_list:before, .bodyindex #indexPage .team .module_container .content_list:after {
width: 38%;
left: -38%;
}
.bodyindex #indexPage .team .module_container .content_list:after {
right: -38%;
left: auto;
}
.bodyindex #indexPage .team .module_container .owl-dots {
bottom: -15vw;
}
.bodyindex #indexPage .team .module_container .owl-nav .owl-prev {
left: calc(480px - 50vw);
}
.bodyindex #indexPage .team .module_container .owl-nav .owl-next {
right: calc(480px - 50vw);
}
}
@media screen and (max-width: 1600px) {
.bodyindex #indexPage .team .module_container .item_block .item_box {
bottom: 16%;
}
.bodyindex #indexPage .team .module_container .item_block.center .item_box {
bottom: 6%;
}
}
@media screen and (max-width: 1440px) {
.bodyindex #indexPage .team .module_container .item_block .item_box {
bottom: 15%;
}
.bodyindex #indexPage .team .module_container .item_block.center .item_box {
bottom: 6%;
}
}
@media screen and (max-width: 1366px) {
.bodyindex #indexPage .team .module_container .item_block .item_box {
bottom: 14%;
}
.bodyindex #indexPage .team .module_container .item_block.center .item_box {
bottom: 5%;
}
}
@media screen and (max-width: 1280px) {
.bodyindex #indexPage .team .module_container .item_block.center .item_box {
bottom: 4%;
}
.bodyindex #indexPage .team .module_container .item_block .item_box {
bottom: 13%;
}
.bodyindex #indexPage .team .module_container .item_block .item_box .item_index i {
left: 42%;
}
}
.bodylist.bodyteam .team .item_block .item_img {
height: 0;
padding-top: 108%;
transition: all 0.36s ease;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.bodylist.bodyteam .team .item_block .item_img img {
display: none;
}
.bodylist.bodyteam .team .item_block:hover .item_img {
background-size: 110%;
}
.bodylistpost.bodyteam .team .tab_button {
display: none;
}
.bodylistpost.bodyteam .team .tab_content .item_block .item_img {
background-size: auto;
}
.bodylistpost.bodyteam .team .item_block .item_img {
height: 0;
padding-top: 31%;
transition: all 0.36s ease;
background-size: 100% auto;
background-repeat: no-repeat;
background-position: top center;
}
.bodylistpost.bodyteam .team .item_block .item_img img {
display: none;
}
.bodylistpost.bodyteam .team .owl-nav div {
border-radius: 100px;
width: 40px;
height: 40px;
}
.bodylistpost.bodyteam .team .owl-nav .owl-prev {
left: 10px;
}
.bodylistpost.bodyteam .team .owl-nav .owl-next {
right: 10px;
}
.bodylistpost.bodyteam .team .owl-dots {
display: flex;
bottom: 0;
}
.bodylistpost.bodyteam .team .owl-dots .owl-dot span {
display: block;
border: none;
background: #ddd;
}
.bodylistpost.bodyteam .team .owl-dots .owl-dot:hover, .bodylistpost.bodyteam .team .owl-dots .owl-dot.active {
border: none;
}
.bodylistpost.bodyteam .team .owl-dots .owl-dot:hover span, .bodylistpost.bodyteam .team .owl-dots .owl-dot.active span {
background: #1b3566;
}
.ff_indexPage .news .content_list::after, .ff_pageList .news .content_list::after {
content: "";
display: block;
clear: both;
}
.ff_indexPage .news .content_wrapper, .ff_pageList .news .content_wrapper {
position: relative;
margin-right: -15px;
}
.ff_indexPage .news .content_wrapper.slider, .ff_pageList .news .content_wrapper.slider {
margin-right: 0;
}
.ff_indexPage .news .content_wrapper.slider .item_block, .ff_pageList .news .content_wrapper.slider .item_block {
margin-bottom: 0;
}
.ff_indexPage .news .owl-item .item_block, .ff_pageList .news .owl-item .item_block {
width: 100%;
}
.ff_indexPage .news .item_block, .ff_pageList .news .item_block {
transition: all 0.36s ease;
width: calc(100% / 2 - 15px);
height: auto;
float: left;
margin-right: 15px;
margin-bottom: 20px;
position: relative;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
}
.news.mlistpost .listContent_post .content_list::after {
content: "";
display: block;
clear: both;
}
.news.mlistpost .listContent_post .content_wrapper {
position: relative;
margin-right: 0px;
}
.news.mlistpost .listContent_post .content_wrapper.slider {
margin-right: 0;
}
.news.mlistpost .listContent_post .content_wrapper.slider .item_block {
margin-bottom: 0;
}
.news.mlistpost .listContent_post .owl-item .item_block {
width: 100%;
}
.news.mlistpost .listContent_post .item_block {
transition: all 0.36s ease;
width: calc(100% / 1 - 0px);
height: auto;
float: left;
margin-right: 0px;
margin-bottom: 20px;
position: relative;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
}
.news.mlistpost .item_img {
display: none;
}
.news.mlistpost .content_list .item_block .item_wrapper {
width: 100%;
}
.news .container_category {
position: absolute;
top: 50vh;
right: 40px;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: flex-end;
z-index: 1;
}
.news .container_category a {
padding: 0;
margin: 0;
display: block;
border: none;
width: 5vw;
height: 21px;
line-height: 21px;
position: relative;
background: transparent;
display: flex;
justify-content: space-between;
align-items: center;
}
.news .container_category a .move {
width: 12px;
height: 1px;
background: #dadada;
transition: .36s ease;
}
.news .container_category a span {
opacity: 0;
transition: .36s ease;
}
.news .container_category a:hover .move, .news .container_category a.active .move {
width: 40px;
background: #1b3566;
}
.news .container_category a:hover span, .news .container_category a.active span {
color: #1b3566;
opacity: 1;
top: 6px;
}
.bodyindex #indexPage .news .module_container {
width: 100%;
margin: 0;
max-width: none;
top: 0;
transform: translateY(0);
}
.bodyindex #indexPage .news .module_container .owl-stage {
height: calc(100vh - 5.8vw);
}
.bodyindex #indexPage .news .module_container .owl-stage .owl-item.active .title:after {
bottom: -6px;
}
.bodyindex #indexPage .news .more {
display: none;
}
.bodyindex #indexPage .news .content_wrapper {
padding: 5.8vw 0;
height: calc(100vh - 11.6vw);
}
.bodyindex #indexPage .news .content_wrapper .content_list {
position: relative;
}
.bodyindex #indexPage .news .owl-nav {
display: none;
}
.bodyindex #indexPage .news .owl-dots {
top: 40%;
bottom: auto;
left: auto;
right: 2%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: flex-end;
cursor: pointer;
display: none;
}
.bodyindex #indexPage .news .owl-dots .owl-dot span {
border: none;
width: 12px;
height: 1px;
background: #dadada;
transition: width .36s ease;
display: block;
}
.bodyindex #indexPage .news .owl-dots .owl-dot.active span {
width: 40px;
background: #1b3566;
}
.bodyindex #indexPage .news .item_block {
width: 23vw;
height: 4.7vw;
border: none;
padding: 0 4.2vw 0 50vw;
box-sizing: content-box;
background: #fff;
margin: 0;
overflow: hidden;
transition: .6s ease;
}
.bodyindex #indexPage .news .item_block:hover .item_img {
background-size: 106%;
}
.bodyindex #indexPage .news .item_block.select {
height: 25.5vw;
}
.bodyindex #indexPage .news .item_block.select .item_img,
.bodyindex #indexPage .news .item_block.select .item_wrapper .item_des {
display: block;
}
.bodyindex #indexPage .news .item_block.select .item_wrapper .date_wrap {
opacity: 1;
}
.bodyindex #indexPage .news .item_block.select .item_wrapper .title {
color: #1b3566;
}
.bodyindex #indexPage .news .item_block.select .item_wrapper .title::after {
top: 82%;
left: 0;
}
.bodyindex #indexPage .news .item_block .item_box {
display: flex;
flex-direction: column;
}
.bodyindex #indexPage .news .item_block .item_img {
width: 23vw;
height: 0;
margin-top: 4.2vw;
display: none;
transition: all 0.36s ease;
padding-top: 41%;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.bodyindex #indexPage .news .item_block .item_img img {
display: none;
}
.bodyindex #indexPage .news .item_block .item_img[data-image="http://resources.jsmo.xin"] {
padding-top: 0;
margin-top: 1vw;
}
.bodyindex #indexPage .news .item_block .item_wrapper {
width: auto;
}
.bodyindex #indexPage .news .item_block .item_wrapper .date_wrap {
position: absolute;
right: 35%;
top: 18%;
transform: rotateZ(90deg);
opacity: 0;
transition: .36s ease;
}
.bodyindex #indexPage .news .item_block .item_wrapper .item_des {
display: none;
}
.bodyindex #indexPage .news .item_block .item_wrapper .title {
position: relative;
overflow: visible;
line-height: 40px;
}
.bodyindex #indexPage .news .item_block .item_wrapper .title:after {
content: '';
width: 12px;
height: 1px;
background: #dadada;
display: block;
position: absolute;
top: 50%;
left: -5%;
}
.bodyindex #indexPage .news .item_block .details,
.bodyindex #indexPage .news .item_block .item_tags {
display: none;
}
@media screen and (max-width: 1440px) {
.bodyindex #indexPage .news .item_block {
height: 6.7vw;
}
}
@media screen and (max-width: 1366px) {
.bodyindex #indexPage .news .item_block .item_wrapper .date_wrap {
top: 19%;
}
}
.bodyindex #indexPage .news.ff_noSlider .item_block {
height: 80px;
}
.bodyindex #indexPage .news.ff_noSlider .item_block:nth-child(n+7) {
display: none;
}
.bodylist.bodynews .news .module_container {
max-width: none;
}
.bodylist.bodynews .news .module_container .container_target {
top: 6%;
}
.bodylist.bodynews .news .item_block {
padding: 2%;
}
.bodylist.bodynews .news .item_block .item_box {
display: flex;
align-items: center;
height: 10.4vw;
}
.bodylist.bodynews .news .item_block .item_img {
width: 26vw;
height: 0;
padding-top: 16%;
transition: all 0.36s ease;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.bodylist.bodynews .news .item_block .item_img[data-image="http://resources.jsmo.xin"] {
width: 0;
}
.bodylist.bodynews .news .item_block .item_img img {
display: none;
}
.bodylist.bodynews .news .item_block .item_wrapper .details {
display: inline-block;
margin: 0;
opacity: 0;
}
.bodylist.bodynews .news .item_block:hover .item_img {
background-size: 110%;
}
.bodylist.bodynews .news .item_block:hover .item_wrapper .details {
opacity: 1;
}
.bodylist.bodynews .news .item_block .details {
display: none;
}
.bodynews .ff_sitecontent .ff_pageList .module_container .container_target {
float: none;
position: absolute;
right: 13%;
top: 10%;
}
@media screen and (max-width: 2560px) {
.bodynews .ff_sitecontent .ff_pageList .module_container .container_target {
top: 7%;
}
}
.mcustomize.ff_ti .contentbody {
display: none;
}
.mcustomize.ff_ti .link_icon {
display: none;
}
.mcustomize .link_icon {
display: none;
}
.mcustomize.tlir .module_container::after,
.mcustomize.tril .module_container::after {
content: "";
display: block;
clear: both;
}
.mcustomize.tlir .container_content,
.mcustomize.tril .container_content {
position: relative;
}
.mcustomize.tlir .container_content::after,
.mcustomize.tril .container_content::after {
content: "";
display: block;
clear: both;
}
.mcustomize.tlir .container_content .contentbody .wrapper,
.mcustomize.tril .container_content .contentbody .wrapper {
padding-top: 60px;
}
.mcustomize.tlir .container_content .contentbody .wrapper .header,
.mcustomize.tril .container_content .contentbody .wrapper .header {
position: absolute;
top: 0;
height: 60px;
}
.mcustomize.tlir .container_content .contentbody .wrapper .description,
.mcustomize.tril .container_content .contentbody .wrapper .description {
max-width: 700px;
margin: auto;
margin-top: 50px;
}
.mcustomize.tlir .container_content .mediabody .image,
.mcustomize.tril .container_content .mediabody .image {
width: 400px;
height: 260px;
background-size: cover;
background-repeat: no-repeat;
}
.mcustomize.tlir .container_content .mediabody .link_icon,
.mcustomize.tril .container_content .mediabody .link_icon {
display: none;
}
.mcustomize.tlir .contentbody {
float: left;
}
.mcustomize.tlir .mediabody {
float: right;
}
.mcustomize.tril .contentbody {
float: right;
}
.mcustomize.tril .mediabody {
float: left;
}
.bodyindex #indexPage .mcustomize .container_content .wrapper {
padding: 0;
}
.bodyindex #indexPage .mcustomize .container_content .header {
display: none;
}
.bodyindex #indexPage .mcustomize .container_content .description {
font-size: 14px;
line-height: 26px;
color: #333;
max-width: 550px;
}
.bodyindex #indexPage .mcustomize .container_content .description .more {
height: 40px;
line-height: 40px;
padding: 0 30px;
position: absolute;
border: 1px solid #dfdfdf;
border-left: none;
text-align: center;
}
.bodyindex #indexPage .mcustomize .container_content .description .more span {
font-size: 14px;
line-height: 34px;
}
.bodyindex #indexPage .mcustomize .container_content .description .more span::before {
content: '';
width: 30px;
height: 1px;
display: block;
background: #dfdfdf;
position: absolute;
top: 50%;
right: 85%;
transform: translateY(-50%);
opacity: 1;
transition: .6s ease;
}
.bodyindex #indexPage .mcustomize .container_content .description .more i:before {
content: '';
width: 1px;
height: 12px;
display: block;
background: #dfdfdf;
position: absolute;
top: -1px;
left: -1px;
}
.bodyindex #indexPage .mcustomize .container_content .description .more i:after {
content: '';
width: 1px;
height: 12px;
display: block;
background: #dfdfdf;
position: absolute;
bottom: -1px;
left: -1px;
}
.bodyindex #indexPage .mcustomize .container_content .description .more:hover {
color: inherit;
background: inherit;
}
.bodyindex #indexPage .mcustomize .container_content .description .more:hover::before {
width: 50%;
height: 100%;
opacity: 1;
transition: width 0.1s linear 0s, height 0.1s linear 0.1s;
}
.bodyindex #indexPage .mcustomize .container_content .description .more:hover::after {
width: calc(100% + 1px);
height: calc(100% + 1px);
opacity: 1;
background-size: 50% 1px;
transition: opacity 0s 0.2s, width 0.1s linear 0.2s, height 0.1s linear 0.3s, background-size 0.1s linear 0.4s;
}
.bodyindex #indexPage .mcustomize .container_content .description .more:hover span:before {
width: 0;
opacity: 0;
}
.bodyindex #indexPage .mcustomize .container_content .description .more:before {
content: '';
width: 0;
height: 0;
display: block;
border: 1px solid #1b3566;
border-left: none;
border-bottom: none;
position: absolute;
top: -1px;
left: 50%;
opacity: 0;
transition: height 0.1s linear 0.3s, width 0.1s linear 0.4s, opacity 0s 0.51s;
}
.bodyindex #indexPage .mcustomize .container_content .description .more:after {
content: "";
width: 0;
height: 0;
display: block;
border: 1px solid #1b3566;
border-top: none;
border-right: none;
position: absolute;
bottom: -1px;
right: -1px;
opacity: 0;
background-image: linear-gradient(#1b3566, #1b3566);
background-repeat: no-repeat;
background-size: 0 1px;
transition: background-size 0.1s linear 0s, height 0.1s linear 0.1s, width 0.1s linear 0.2s, opacity 0s 0.3s;
}
.bodyindex #indexPage .mcustomize .container_content .mediabody {
width: 440px;
}
.bodyindex #indexPage .mcustomize.initlayout .container_content {
display: flex;
flex-direction: column;
align-items: center;
}
.bodyindex #indexPage .mcustomize.initlayout .container_content .clear {
left: 58%;
bottom: 70%;
}
@media screen and (max-width: 1366px) {
.bodyindex #indexPage .mcustomize.initlayout .container_content .description {
max-width: 1050px;
}
.bodyindex #indexPage .mcustomize .container_content .description {
max-width: 490px;
}
}
.ff_indexPage .mcounter {
padding-top: 0;
padding-bottom: 0;
}
.ff_indexPage .mcounter .container_content {
position: absolute;
width: 100%;
height: 190px;
}
.ff_indexPage .mcounter .content_list {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
padding: 0;
}
.ff_indexPage .mcounter .content_list::after {
content: "";
display: block;
clear: both;
}
.ff_indexPage .mcounter .content_list li {
width: 25%;
float: left;
text-align: center;
position: relative;
}
.ff_indexPage .mcounter .content_list li:not(:last-child):after {
content: '';
position: absolute;
width: 1px;
height: 45px;
background-color: rgba(170, 170, 170, 0.2);
right: 0;
top: 50%;
transform: translateY(-50%);
}
.ff_indexPage .mcounter .content_list li .title {
color: #999;
font-size: 13px;
line-height: 30px;
}
.ff_indexPage .mcounter .content_list li p {
text-align: center;
font-size: 14px;
}
.ff_indexPage .mcounter .content_list li p.number .counterDX {
font-size: 50px;
font-family: helveticaneuethn, Arial;
text-align: center;
margin-top: 15px;
line-height: 52px;
vertical-align: top;
}
.ff_indexPage .mcounter .content_list li p.number .title {
font-size: 13px;
line-height: 30px;
}
.ff_indexPage .mcounter .content_list li p.number .unit {
position: relative;
top: 1px;
left: 3px;
font-size: 14px;
vertical-align: top;
}
.ff_indexPage .mcounter .module_container {
position: relative;
height: 190px;
}
.mcounter {
position: relative;
}
.ff_sitecontent .mcounter .module_container {
transform: none;
top: 70%;
}
.ff_indexPage .mcounter .content_list li p.number .counterDX {
font-family: Linotype, Didot, Arial;
}
.imagelink .content_list::after {
content: "";
display: block;
clear: both;
}
.imagelink .content_wrapper {
position: relative;
margin-right: -14px;
}
.imagelink .content_wrapper.slider {
margin-right: 0;
}
.imagelink .content_wrapper.slider .item_block {
margin-bottom: 0;
}
.imagelink .owl-item .item_block {
width: 100%;
}
.imagelink .item_block {
transition: all 0.36s ease;
width: calc(100% / 4 - 14px);
height: auto;
float: left;
margin-right: 14px;
margin-bottom: 20px;
position: relative;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
}
.imagelink .content_wrapper {
padding-top: 50px;
}
.imagelink .content_list .item_block {
border: none;
}
.imagelink .content_list .item_block .date_wrap {
display: none;
}
.imagelink .content_list .item_block .item_img {
display: block;
}
.imagelink .content_list .item_block .item_box {
position: relative;
}
.imagelink .content_list .item_block .item_box img {
width: 100%;
height: auto;
transition: all ease-out .3s .1s;
float: none;
box-sizing: border-box;
opacity: .8;
}
.imagelink .content_list .item_block .item_box:after {
content: "";
border: 1px solid rgba(170, 170, 170, 0.2);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.imagelink .content_list .item_block .item_box:hover {
box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}
.imagelink .content_list .item_block .item_wrapper .item_info .title {
font-size: 13px;
line-height: 36px;
color: #999;
text-align: center;
}
.imagelink .item_des,
.imagelink .container_category {
display: none;
}
.imagelink .owl-dots {
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
}
.bodyindex .imagelink.ff_noSlider .item_block:not(:nth-child(-n+4)):before {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #ececec;
position: absolute;
top: 0;
margin-top: -20px;
}
.bodyindex .imagelink.ff_slider .container_header {
display: none;
}
.bodyindex .imagelink.ff_slider .container_content {
width: 62%;
}
.bodyindex .imagelink.ff_slider .owl-stage-outer {
padding: 30px;
margin: -30px;
}
.bodyindex .imagelink.ff_slider .owl-stage-outer:before, .bodyindex .imagelink.ff_slider .owl-stage-outer:after {
content: '';
width: 30px;
height: 100%;
display: block;
background: #fff;
position: absolute;
left: -30px;
}
.bodyindex .imagelink.ff_slider .owl-stage-outer:after {
left: auto;
right: -30px;
}
.bodyindex .imagelink.ff_slider .item_block {
width: 100%;
}
.bodyindex .imagelink.ff_slider .item_block .item_box::after {
border: none;
border-right: 1px solid rgba(170, 170, 170, 0.2);
right: -15px;
}
.bodyindex .imagelink.ff_slider .item_block .item_wrapper {
display: none;
}
.bodyindex .imagelink.ff_slider .owl-dots {
display: flex;
align-items: flex-end;
bottom: -18vw;
}
.bodyindex .imagelink.ff_slider .owl-dots .owl-dot span {
width: 1px;
height: 12px;
background: #dadada;
transition: 0.36s ease;
border: none;
display: block;
}
.bodyindex .imagelink.ff_slider .owl-dots .active span {
height: 40px;
background: #1b3566;
}
.bodyindex #indexPage #mcontact .module_container {
width: 100vw;
height: 100vh;
margin: 0;
max-width: none;
top: 0;
transform: translateY(0);
}
.bodyindex #indexPage #mcontact .container_header {
position: absolute;
top: 14.4vw;
left: 6.3vw;
}
.bodyindex #indexPage #mcontact .container_header .title {
font-size: 18px;
line-height: 26px;
color: #1b3566;
}
.bodyindex #indexPage #mcontact .container_header .subtitle {
font-size: 12px;
line-height: 26px;
color: #999;
}
.bodyindex #indexPage #mcontact .container_content {
position: absolute;
bottom: 8%;
width: 87.5vw;
left: 50%;
transform: translateX(-50%);
}
.bodyindex #indexPage #mcontact .container_content .fl:hover {
color: #1b3566;
}
.bodyindex #indexPage #mcontact .container_content #contactform {
width: 600px;
height: 280px;
margin-top: 55px;
font-size: 0;
}
.bodyindex #indexPage #mcontact .container_content #contactform p:nth-child(-n+3) {
width: 177px;
}
.bodyindex #indexPage #mcontact .container_content #contactform .inputtxt {
margin-bottom: 17px;
padding: 20px 0 20px 0;
border-bottom: 1px solid #e2e2e0;
color: #040404;
}
.bodyindex #indexPage #mcontact .container_content #contactform p:nth-child(-n+3) {
display: inline-block;
}
.bodyindex #indexPage #mcontact .container_content #contactform p:nth-child(-n+3) .inputtxt {
width: 177px;
}
.bodyindex #indexPage #mcontact .container_content #contactform .contactform_name,
.bodyindex #indexPage #mcontact .container_content #contactform .contactform_eml {
margin-right: 34px;
}
.bodyindex #indexPage #mcontact .container_content #contactform .contactform_tel {
margin: 0;
}
.bodyindex #indexPage #mcontact .container_content #contactform .contactform_content .inputtxt {
width: 600px;
height: 60px;
margin-bottom: 20px;
}
.bodyindex #indexPage #mcontact .container_content #contactform .contactform_submit {
width: 182px;
height: 56px;
line-height: 56px;
}
.bodyindex #indexPage #mcontact .container_content #contactform .contactform_submit .inputtxt.submit {
background: #040404;
padding: 0;
height: 56px;
border: none;
color: #fff;
}
.ff_indexPage .team_tabs .tab_content .item_block .item_wrapper {
text-align: center;
}
.ff_indexPage .team_tabs .tab_content .item_block .details {
margin: 30px auto;
display: block;
width: 100px;
text-align: center;
}
.ff_indexPage .ad01 .content_list::after {
content: "";
display: block;
clear: both;
}
.ff_indexPage .ad01 .content_wrapper {
position: relative;
margin-right: 0px;
}
.ff_indexPage .ad01 .content_wrapper.slider {
margin-right: 0;
}
.ff_indexPage .ad01 .content_wrapper.slider .item_block {
margin-bottom: 0;
}
.ff_indexPage .ad01 .owl-item .item_block {
width: 100%;
}
.ff_indexPage .ad01 .item_block {
transition: all 0.36s ease;
width: calc(100% / 4 - 0px);
height: auto;
float: left;
margin-right: 0px;
margin-bottom: 20px;
position: relative;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
}
.bodyindex #indexPage .ad01 {
background-position-y: bottom !important;
}
.bodyindex #indexPage .ad01 .module_container {
width: 100vw;
height: 34.4vw;
max-width: none;
margin: 0;
top: auto;
transform: none;
}
.bodyindex #indexPage .ad01 .module_container .container_header {
display: none;
}
.bodyindex #indexPage .ad01 .module_container .container_category {
position: absolute;
right: 100px;
top: 22px;
z-index: 10;
}
.bodyindex #indexPage .ad01 .module_container .container_category a {
border: 0;
margin: 0;
line-height: 32px;
height: 32px;
}
.bodyindex #indexPage .ad01 .module_container .container_category .ff_more {
display: none;
}
.bodyindex #indexPage .ad01 .module_container .content_wrapper {
padding-top: 5.8vw;
height: 28.6vw;
display: flex;
justify-content: center;
align-items: center;
}
.bodyindex #indexPage .ad01 .module_container .owl-nav div {
width: 23vw;
height: 100vh;
top: -15vw;
transform: none;
background: transparent;
}
.bodyindex #indexPage .ad01 .module_container .owl-nav .owl-prev {
left: -23vw;
cursor: url(http://resources.jsmo.xin/templates/upload/14848/201904/left_an.ico), auto;
}
.bodyindex #indexPage .ad01 .module_container .owl-nav .owl-next {
right: -23vw;
cursor: url(http://resources.jsmo.xin/templates/upload/14848/201904/right_an.ico), auto;
}
.bodyindex #indexPage .ad01 .module_container .owl-dots {
height: 10px;
display: flex;
justify-content: space-between;
bottom: 0;
right: 40px;
left: auto;
}
.bodyindex #indexPage .ad01 .module_container .owl-dots .owl-dot {
margin: 0 10px;
}
.bodyindex #indexPage .ad01 .module_container .owl-dots .owl-dot span {
width: 10px;
height: 10px;
background: #dfdfdf;
border-radius: 100px;
display: block;
margin: 0;
border: none;
}
.bodyindex #indexPage .ad01 .module_container .owl-dots .owl-dot.active span {
border: none;
background: #1b3566;
}
.bodyindex #indexPage .ad01 .module_container .tab_content {
width: 87.5vw;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .content_list {
width: 54vw;
margin: 0 auto;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block {
width: 54vw;
border: none;
margin: 0;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block:hover .details {
background: inherit;
color: inherit;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .item_wrapper {
width: 700px;
padding: 0;
position: static;
box-sizing: content-box;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .item_box {
display: flex;
justify-content: space-between;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .item_img {
width: 12.5vw;
height: auto;
padding: 10px;
flex: 0 0 auto;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .item_img .img_wrap {
overflow: hidden;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .item_img img {
display: block;
padding-top: 122%;
transition: all 0.36s ease;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .item_img::after {
content: none !important;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .item_info {
display: none;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .item_des,
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details {
display: block;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .item_des {
margin: 0;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details {
width: 60px;
height: 34px;
line-height: 34px;
border: 1px solid #dfdfdf;
margin: 0;
padding: 0;
position: absolute;
bottom: 60px;
left: 360px;
text-align: center;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details:hover {
left: 340px;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details:hover::before {
width: 50%;
height: 100%;
opacity: 1;
transition: width 0.1s linear 0s,
height 0.1s linear 0.1s;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details:hover::after {
width: calc(100% + 1px);
height: calc(100% + 1px);
opacity: 1;
background-size: 50% 1px;
transition: opacity 0s 0.2s, width 0.1s linear 0.2s,
height 0.1s linear 0.3s,
background-size 0.1s linear 0.4s;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details:hover i:after {
width: 0;
opacity: 1;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details i {
position: static;
top: 40%;
left: -28%;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details i::after {
content: "";
width: 30px;
height: 1px;
border: 3px solid #fff;
border-left: none;
border-right: none;
display: block;
position: absolute;
background: #dfdfdf;
opacity: 1;
top: -8px;
right: 66px;
transition: all 0.6s ease;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details i:before {
position: absolute;
top: -22px;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details:before {
content: "";
width: 0;
height: 0;
display: block;
border: 1px solid #1b3566;
border-left: none;
border-bottom: none;
position: absolute;
top: -1px;
left: 50%;
opacity: 0;
transition: height 0.1s linear 0.3s,
width 0.1s linear 0.4s, opacity 0s 0.51s;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details:after {
content: "";
width: 0;
height: 0;
display: block;
border: 1px solid #1b3566;
border-top: none;
border-right: none;
position: absolute;
bottom: -1px;
right: -1px;
opacity: 0;
background-image: linear-gradient(#1b3566, #1b3566);
background-repeat: no-repeat;
background-size: 0 1px;
transition: background-size 0.1s linear 0s,
height 0.1s linear 0.1s, width 0.1s linear 0.2s,
opacity 0s 0.3s;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .description p {
margin: 28px 0;
font-size: 14px;
line-height: 26px;
color: #333;
}
@media screen and (min-width: 1921px) {
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .item_wrapper {
width: 900px;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details {
left: 500px;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details:hover {
left: 490px;
}
}
@media screen and (max-width: 1680px) {
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .item_wrapper {
width: 570px;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details:hover {
left: 340px;
}
}
@media screen and (max-width: 1600px) {
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .item_wrapper {
width: 570px;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details {
left: 310px;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details:hover {
left: 300px;
}
}
@media screen and (max-width: 1440px) {
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .item_wrapper {
width: 480px;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details {
left: 310px;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details:hover {
left: 300px;
}
}
@media screen and (max-width: 1366px) {
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .item_img {
width: 13.5vw;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .item_wrapper {
width: 415px;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details {
bottom: 50px;
left: 340px;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details:hover {
left: 320px;
}
}
@media screen and (max-width: 1280px) {
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details {
left: 290px;
}
.bodyindex #indexPage .ad01 .module_container .tab_content .item_block .details:hover {
left: 278px;
}
}
.bodylist.bodyad01 .ad01 .item_block .item_img img {
width: 100%;
display: block;
padding-top: 122%;
transition: all 0.36s ease;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.bodylist.bodyad01 .ad01 .item_block .details {
line-height: 36px;
}
#shares {
position: fixed;
right: 0px;
bottom: 63px;
z-index: 99;
height: 124px;
}
#shares a {
width: 40px;
height: 40px;
border: 1px solid #e6e6e6;
display: block;
font-size: 16px;
text-align: center;
position: relative;
transition: all 0.3s ease-out 0s;
background-color: #fff;
}
#shares a .fa {
padding-left: 0;
}
#shares a#sweixin {
top: -1px;
}
#shares a#gotop {
margin-top: -2px;
font-size: 22px;
}
#shares a#gotop i {
margin-top: 6px;
}
#shares a:hover {
border-color: #1b3566;
z-index: 1;
background-color: #1b3566;
}
#shares a:hover i {
color: #ffffff;
}
#shares a i {
margin-top: 12px;
transition: all 0.3s ease-out 0s;
}
#shares a i.fa.fa-mobile {
font-size: 24px;
margin-top: 8px;
}
.fixed {
position: fixed;
z-index: 9999;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
overflow-y: auto;
z-index: 100;
display: none;
}
.fixed.show {
display: block;
}
#fixed_weixin .fixed-container {
width: 220px;
height: auto;
padding: 20px 20px 0 20px;
background: #ffffff;
position: absolute;
left: 50%;
top: 50%;
margin-left: -110px;
margin-top: -140px;
}
#fixed_weixin .fixed-container div {
height: 220px;
}
#fixed_weixin .fixed-container p {
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px;
color: #000;
}
#online_open {
width: 40px;
height: 40px;
cursor: pointer;
position: fixed;
right: -40px;
bottom: 186px;
z-index: 99;
font-size: 18px;
text-align: center;
line-height: 40px;
margin-right: -3px;
border: 1px solid #e6e6e6;
display: block;
font-size: 16px;
background-color: #fff;
transform: translateX(7px);
}
#online_open i {
transition: all .3s ease-out 0s;
}
#online_open:hover {
border-color: #1b3566;
z-index: 1;
background-color: #1b3566;
}
#online_open:hover i {
color: #ffffff;
}
#online_lx {
width: 180px;
height: auto;
background-color: #ffffff;
-webkit-box-shadow: 0 5px 9px rgba(4, 0, 0, 0.17);
box-shadow: 0 5px 9px rgba(4, 0, 0, 0.17);
position: fixed;
right: 7px;
bottom: 188px;
z-index: 99999;
margin-right: -10px;
}
#olx_head {
padding: 20px;
line-height: 16px;
height: 16px;
background: #1b3566;
color: #ffffff;
font-size: 14px;
}
#olx_head i {
font-size: 18px;
color: #ffffff;
cursor: pointer;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#olx_head i:hover {
color: #ffffff;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
#olx_qq {
border-bottom: 1px solid rgba(170, 170, 170, 0.2);
}
#olx_qq li a {
padding: 12px 30px;
height: 18px;
line-height: 18px;
color: #666;
display: block;
transition: all ease-out .3s;
font-size: 12px;
}
#olx_qq li a i {
color: inherit;
font-size: 16px;
vertical-align: middle;
margin-right: 18px;
}
#olx_qq li a:hover {
color: #1b3566;
background: #eee;
}
#olx_tel {
padding: 20px 30px;
}
#olx_tel div {
line-height: 14px;
height: 14px;
margin-bottom: 10px;
}
#olx_tel div i {
font-size: 18px;
margin-right: 20px;
vertical-align: middle;
}
#olx_tel p {
line-height: 18px;
font-family: HELVETICANEUELTPRO-THEX;
font-size: 16px;
}
#fixed_mp .fixed-container {
width: 258px;
height: 298px;
background: #ffffff;
position: absolute;
left: 50%;
top: 50%;
margin-left: -129px;
margin-top: -149px;
}
#fixed_mp .fixed-container p {
padding: 0 20px;
text-align: center;
font-size: 14px;
color: #000;
}
#openAssist {
position: fixed;
bottom: 40px;
right: 20px;
width: 50px;
height: 50px;
z-index: 99;
background-color: #3b3b3b;
border-radius: 25px;
text-align: center;
display: none;
}
#openAssist.active i {
transform: translate3d(0, 0, 0) rotate(135deg);
}
#openAssist i {
font-size: 30px;
color: #fff;
position: relative;
top: 8px;
display: inline-block;
transition: all ease-out .3s;
}
#assistBtn {
position: fixed;
bottom: 90px;
right: 25px;
z-index: 99;
display: none;
}
#assistBtn a {
width: 40px;
height: 40px;
display: block;
text-align: center;
background-color: #3b3b3b;
border-radius: 20px;
margin-bottom: 15px;
opacity: 0;
transform: translate3d(0, 8px, 0) scale(0.3);
transform-origin: center bottom;
}
#assistBtn a i {
font-size: 18px;
color: #fff;
position: relative;
top: 10px;
}
.popup {
display: block;
}
.popup .fixed-container {
position: absolute;
left: 50%;
top: 50%;
width: 800px;
height: 600px;
}
.searchPage .mlist.search .content_list .item_block {
cursor: pointer;
border-width: 0 0 1px 0;
padding-top: 30px;
}
.searchPage .mlist.search .content_list .item_block:last-child {
border: none;
}
.searchPage .mlist.search .content_list .item_block .item_box {
display: block;
}
.searchPage .mlist.search .content_list .item_block .item_box::after {
content: "";
display: block;
clear: both;
}
.searchPage .mlist.search .content_list .item_block .item_box .item_info {
float: left;
}
.searchPage .mlist.search .content_list .item_block .item_box .date_wrap {
float: left;
line-height: 30px;
margin-left: 10px;
}
.searchPage .mlist.search .content_list .item_block .item_info .date_wrap {
display: none;
}
.searchPage .mlist.search .content_list .item_block .item_des {
clear: left;
}
.searchPage .mlist.search .content_list .item_block .item_des .description {
height: auto;
max-height: 52px;
}
.searchPage .mlist.search .content_list .item_block .details {
margin-top: 20px;
margin-left: 0;
}
#search-list {
margin-top: 40px;
}
#search-list input {
width: 520px;
}
.searchPage #search-header {
display: none !important;
}
.searchPage #footer {
width: 100%;
position: fixed;
bottom: 0;
}
.searchPage #page {
padding-bottom: 0;
}
.searchPage .ff_pageList {
padding-bottom: 0;
}
#moduleControl {
position: fixed;
right: 20px;
top: 50%;
z-index: 11;
}
#moduleControl a.moduleCItem {
border: 1px solid transparent;
border-radius: 6px;
display: block;
height: 10px;
margin-bottom: 5px;
outline: 0 none;
text-indent: -9999px;
transition: all 0.3s ease-out 0s;
width: 10px;
}
#moduleControl a.moduleCItem:hover, #moduleControl a.moduleCItem.active {
border-color: #ffffff;
}
#moduleControl a.moduleCItem:hover span, #moduleControl a.moduleCItem.active span {
opacity: 0;
}
#moduleControl a.moduleCItem span {
width: 4px;
height: 4px;
border-radius: 50%;
background: #555;
display: block;
margin: 3px 0 0 3px;
}
.netmask {
display: block;
}
.netmask div {
position: absolute;
left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px;
}
.netmask div i:before {
display: none;
font-size: 40px;
color: #fff;
}
.netmask.loading div i {
display: block;
background: url(../images/loading.gif);
width: 40px;
height: 40px;
}
.netmask.success div i:before {
display: block;
}
.bodyMask {
transition: background 0.36s ease;
}
.bodyMask.open {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
background: rgba(0, 0, 0, 0.2);
}
canvas {
display: none;
}
@font-face {
font-family: 'Didot';
src: url("http://resources.jsmo.xin/templates/upload/14848/fonts/Didot.eot");
src: local("☺"), url("http://resources.jsmo.xin/templates/upload/14848/fonts/Didot.woff2") format("woff"), url("http://resources.jsmo.xin/templates/upload/14848/fonts/Didot.ttf") format("truetype"), url("http://resources.jsmo.xin/templates/upload/14848/fonts/Didot.svg") format("svg");
font-weight: normal;
font-style: normal;
}
.bodyindex #indexPage .project .wow,
.bodyindex #indexPage .news .wow,
.bodyindex #indexPage .ad01 .wow,
.bodyindex #indexPage .videom .wow,
.bodyindex #indexPage .team .wow,
.bodyindex #indexPage .mcontact .wow {
visibility: hidden !important;
animation-fill-mode: forwards !important;
animation-name: none !important;
}
.bodyindex #indexPage .project.animate_end .wow,
.bodyindex #indexPage .ad01.animate_end .wow,
.bodyindex #indexPage .videom.animate_end .wow,
.bodyindex #indexPage .team.animate_end .wow,
.bodyindex #indexPage .mcontact.animate_end .wow {
animation-name: fadeInUp !important;
animation-duration: 1.5s !important;
visibility: visible !important;
}
.bodyindex #indexPage .news.animate_end .wow {
animation-name: fadeInUp !important;
animation-duration: 1.5s !important;
visibility: visible !important;
}
.bodyindex #indexPage .news.animate_end .container_category.wow {
animation-name: inherit !important;
animation-duration: 1.5s !important;
visibility: visible !important;
}
.ff_sitecontent .module .module_container {
max-width: none;
}
#singlescreen.bodyindex #footer {
position: fixed;
bottom: 0;
left: 0;
width: 88%;
padding: 10px 0 10px 56px;
opacity: 0;
}
#singlescreen.bodyindex #footer p {
text-align: left;
}
.bodyindex #sitecontent,
.ff_indexPage .module {
height: 100vh !important;
}
#moduleControl {
width: 68px;
height: 68px;
border: 2px dotted #e8e8e8;
border-radius: 100px;
right: 5.1vw;
top: auto;
bottom: 3.2vw;
cursor: pointer;
transition: opacity 0.36s ease;
}
#moduleControl.active:before {
content: "全部";
font-size: 14px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
#moduleControl.active:after {
background: #1b3566;
}
#moduleControl:before {
content: "\e62a";
font-family: "mofont";
font-size: 20px;
position: absolute;
top: 50%;
left: -50%;
transform: translateY(-50%);
color: #e0e0e0;
z-index: 1;
}
#moduleControl:after {
content: "";
width: 60px;
height: 60px;
border-radius: 100px;
background: transparent;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
transition: background 0.36s ease;
will-change: background;
}
#moduleControl a.moduleCItem {
position: absolute;
border: none;
width: 6px;
height: 6px;
top: 50%;
left: 50%;
transform: translate(91%, -502%);
background: rgba(195, 195, 195, 0.4);
}
#moduleControl a.moduleCItem.active span {
background: #1b3566;
opacity: 1;
}
#moduleControl a.moduleCItem.active .control_num,
#moduleControl a.moduleCItem.active .control_title {
opacity: 1;
}
#moduleControl a.moduleCItem.active .title {
color: #1b3566;
}
#moduleControl a.moduleCItem.active .controlInfor .num {
background: #1b3566;
}
#moduleControl a.moduleCItem .controlInfor {
position: absolute;
width: 52px;
height: 60px;
text-indent: 0;
display: flex;
flex-direction: column;
align-items: center;
top: 0;
left: 0;
justify-content: center;
opacity: 0;
transition: 0.36s ease;
overflow: hidden;
}
#moduleControl a.moduleCItem .controlInfor .num {
display: block;
width: 6px;
height: 6px;
color: transparent;
margin: 0;
background: rgba(195, 195, 195, 0.4);
}
#moduleControl a.moduleCItem .controlInfor .title {
display: block;
color: #a5a5a5;
border-radius: 0;
background: transparent;
height: auto;
margin: 0;
width: 52px;
white-space: nowrap;
position: absolute;
top: 35px;
opacity: 0;
transition: opacity 0.36s ease, top 0.36s ease;
text-align: center;
will-change: opacity, top;
}
#moduleControl a.moduleCItem .controlInfor .title:after {
content: "";
width: 0;
height: 1px;
display: block;
background: #1b3566;
transition: 0.5s ease;
}
#moduleControl a.moduleCItem .controlInfor:hover .num {
background: #1b3566;
opacity: 1;
}
#moduleControl a.moduleCItem .controlInfor:hover .title {
opacity: 1;
top: 0;
}
#moduleControl a.moduleCItem .controlInfor:hover .title:after {
width: 100%;
}
#moduleControl a.moduleCItem > span {
width: 6px;
height: 6px;
background: transparent;
opacity: 1;
transition: .6s ease;
margin: 0 0 4px 0;
transform-origin: 54% 30px;
}
#moduleControl a.moduleCItem i {
font-style: normal;
font-size: 14px;
line-height: 24px;
}
#moduleControl a.moduleCItem .control_title {
opacity: 0;
color: #333;
text-indent: 0;
display: block;
width: 50px;
text-align: center;
transform: translate(-53%, 20%);
color: #a5a5a5;
line-height: 30px;
transition: .6s ease;
height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.bodyindex #indexPage .videom .module_container {
top: auto;
transform: none;
max-width: none;
width: 96vw;
}
.bodyindex #indexPage .videom .module_container .container_header,
.bodyindex #indexPage .videom .module_container .details,
.bodyindex #indexPage .videom .module_container .date_wrap,
.bodyindex #indexPage .videom .module_container .item_des,
.bodyindex #indexPage .videom .module_container .item_tags,
.bodyindex #indexPage .videom .module_container .more {
display: none;
}
.bodyindex #indexPage .videom .module_container .content_wrapper {
padding-top: 0;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
}
.bodyindex #indexPage .videom .module_container .owl-stage-outer {
padding: 2vw 0;
margin: -2vw 0;
}
.bodyindex #indexPage .videom .module_container .item_block {
border: none;
margin: 0;
padding: 20px;
cursor: grab;
}
.bodyindex #indexPage .videom .module_container .item_block .item_img {
height: 0;
padding-top: 52%;
transition: all 0.36s ease;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
cursor: pointer;
}
.bodyindex #indexPage .videom .module_container .item_block .item_img img {
display: none;
}
.bodyindex #indexPage .videom .module_container .item_block .item_img:before {
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content: "\e667";
font-family: "mofont";
position: absolute;
color: #fff;
font-size: 36px;
left: 50%;
top: 50%;
z-index: 2;
margin-top: -68px;
margin-left: -15px;
opacity: 0;
}
.bodyindex #indexPage .videom .module_container .item_block .item_img:after {
transition: 0.36s ease;
content: "";
width: 70px;
height: 70px;
background: #1b3566;
position: absolute;
top: 50%;
left: 50%;
margin: -35px;
color: #fff;
border-radius: 50%;
transform: translate3d(0, 70px, 0);
opacity: 0;
}
.bodyindex #indexPage .videom .module_container .item_block .item_wrapper {
padding: 36px 0px;
overflow: hidden;
position: relative;
}
.bodyindex #indexPage .videom .module_container .item_block .item_wrapper::after {
content: "\e641";
font-family: "mofont";
color: #999;
position: absolute;
right: -100%;
top: 50%;
transition: 0.36s ease;
}
.bodyindex #indexPage .videom .module_container .item_block::after {
content: "";
display: block;
width: 0;
height: 2px;
background-color: #dcb46c;
opacity: 0;
transition: all 0.36s ease;
}
.bodyindex #indexPage .videom .module_container .item_block:hover {
background-color: #fff;
box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.1);
}
.bodyindex #indexPage .videom .module_container .item_block:hover:after {
opacity: 1;
width: calc(100% + 40px);
}
.bodyindex #indexPage .videom .module_container .item_block:hover .item_img {
background-size: 110%;
}
.bodyindex #indexPage .videom .module_container .item_block:hover .item_img:before {
opacity: 1;
margin-top: -18px;
}
.bodyindex #indexPage .videom .module_container .item_block:hover .item_img:after {
transform: translate3d(0, 0, 0);
opacity: 1;
}
.bodyindex #indexPage .videom .module_container .item_block:hover .item_wrapper::after {
right: 0;
}
.bodyindex #indexPage .videom .module_container .owl-dots,
.bodyindex #indexPage .videom .module_container .owl-nav {
display: none;
}
.bodylist.bodyvideom .videom .module_container {
max-width: none;
}
.bodylist.bodyvideom .videom .item_block .item_img {
height: 0;
padding-top: 52%;
transition: all 0.36s ease;
background-repeat: no-repeat;
background-position: top center;
background-size: 100% auto;
}
.bodylist.bodyvideom .videom .item_block .item_img img {
display: none;
}
.bodylist.bodyvideom .videom .item_block .item_img:before {
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content: "\e667";
font-family: "mofont";
position: absolute;
color: #fff;
font-size: 36px;
left: 50%;
top: 50%;
z-index: 2;
margin-top: -68px;
margin-left: -15px;
opacity: 0;
}
.bodylist.bodyvideom .videom .item_block .item_img:after {
transition: 0.36s ease;
content: "";
width: 70px;
height: 70px;
background: #1b3566;
position: absolute;
top: 50%;
left: 50%;
margin: -35px;
color: #fff;
border-radius: 50%;
transform: translate3d(0, 70px, 0);
opacity: 0;
}
.bodylist.bodyvideom .videom .item_block:hover:after {
opacity: 1;
width: calc(100% + 40px);
}
.bodylist.bodyvideom .videom .item_block:hover .item_img {
background-size: 110%;
}
.bodylist.bodyvideom .videom .item_block:hover .item_img:before {
opacity: 1;
margin-top: -18px;
}
.bodylist.bodyvideom .videom .item_block:hover .item_img:after {
transform: translate3d(0, 0, 0);
opacity: 1;
}
.bodylist.bodyvideom .videom .item_block:hover .item_img img {
opacity: 0.6;
background-color: black;
}
.videom.mlistpost .listContent_post .content_list::after {
content: "";
display: block;
clear: both;
}
.videom.mlistpost .listContent_post .content_wrapper {
position: relative;
margin-right: -15px;
}
.videom.mlistpost .listContent_post .content_wrapper.slider {
margin-right: 0;
}
.videom.mlistpost .listContent_post .content_wrapper.slider .item_block {
margin-bottom: 0;
}
.videom.mlistpost .listContent_post .owl-item .item_block {
width: 100%;
}
.videom.mlistpost .listContent_post .item_block {
transition: all 0.36s ease;
width: calc(100% / 3 - 15px);
height: auto;
float: left;
margin-right: 15px;
margin-bottom: 20px;
position: relative;
box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);
}
.vPlayArea {
width: 100%;
height: 100%;
}
.vPlayArea .vPlayItem {
width: 960px;
padding: 10px;
height: 618px;
background: #fff;
overflow: hidden;
position: absolute;
left: 50%;
top: 50%;
margin-left: -480px;
margin-top: -456px;
z-index: 2;
border: 1px solid #dedede;
transition: margin 0.36s ease, background 1s ease, border-color 1s ease;
}
.vPlayArea .vPlayItem video {
width: 100%;
}
.vPlayArea.vshow .vPlayItem {
margin-top: -336px;
}
.videoTabBtns {
position: absolute;
top: 50%;
width: 100%;
height: 0;
transform: translateY(-50%);
transition: opacity 1s ease;
}
.videoTabBtns .videoTabBtn {
width: 50px;
height: 50px;
background: #fff;
margin-top: -25px;
position: absolute;
top: 0;
text-align: center;
cursor: pointer;
}
.videoTabBtns .videoTabBtn .icon {
text-align: center;
}
.videoTabBtns .videoTabBtn.next {
right: 0;
}
.videoTabBtns .videoTabBtn.next .icon:after {
content: "";
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
font-size: 14px;
line-height: 1;
color: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
line-height: 50px;
font-size: 29px;
color: #848484;
}
.videoTabBtns .videoTabBtn.prev {
left: 0;
}
.videoTabBtns .videoTabBtn.prev .icon:after {
content: "";
font-family: "FontAwesome";
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
font-size: 14px;
line-height: 1;
color: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
line-height: 50px;
font-size: 29px;
color: #848484;
}
.videoInfor {
width: 100%;
height: 48px;
position: relative;
padding: 15px 0 0;
transition: opacity 1s ease;
}
.videoInfor .title {
font-size: 16px;
color: #2e2e2e;
}
.videoInfor .subtitle {
color: #7d7d7d;
font-size: 13px;
line-height: 22px;
margin-top: 6px;
}
.videoBg {
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
z-index: 100;
transition: background 1s ease;
}
.videoBg.deepView {
background: rgba(0, 0, 0, 0.9);
}
.videoBg.deepView .vPlayItem {
background: transparent;
border-color: transparent;
}
.videoBg.deepView .videoInfor {
opacity: 0;
}
.videoBg.deepView .videoTabBtns {
opacity: 0;
}
.bodyindex .mlist.videom.module {
background-color: transparent;
position: relative;
}
.bodyindex .mlist.videom.module:after {
content: "";
width: 100%;
background-color: #f4f4f4;
position: absolute;
top: 150px;
height: 308px;
z-index: -1;
}
.singlescreen .module {
padding: 0;
}
.singlescreen .module_container {
position: relative;
top: 50%;
transform: translateY(-50%);
}
.ff_indexPage .ff_topSlider .owl-dots {
bottom: 30px;
}
.ff_indexPage #topSlider .owl-carousel .owl-dot:nth-child(1):after {
content: "01";
font-size: 16px;
top: 248px;
font-family: "Times New Roman";
color: #dfdfdf;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ff_indexPage #topSlider .owl-carousel .owl-dot:nth-child(2):after {
content: "02";
font-size: 16px;
top: 248px;
font-family: "Times New Roman";
color: #dfdfdf;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ff_indexPage #topSlider .owl-carousel .owl-dot:nth-child(3):after {
content: "03";
font-size: 16px;
top: 248px;
font-family: "Times New Roman";
color: #dfdfdf;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ff_indexPage #topSlider .owl-carousel .owl-dot:nth-child(4):after {
content: "04";
font-size: 16px;
top: 248px;
font-family: "Times New Roman";
color: #dfdfdf;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ff_indexPage #topSlider .owl-carousel .owl-dot:nth-child(5):after {
content: "05";
font-size: 16px;
top: 248px;
font-family: "Times New Roman";
color: #dfdfdf;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ff_indexPage #topSlider .owl-carousel .owl-dot:nth-child(6):after {
content: "06";
font-size: 16px;
top: 248px;
font-family: "Times New Roman";
color: #dfdfdf;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ff_indexPage #topSlider .owl-carousel .owl-dot:nth-child(7):after {
content: "07";
font-size: 16px;
top: 248px;
font-family: "Times New Roman";
color: #dfdfdf;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ff_indexPage #topSlider .owl-carousel .owl-dot:nth-child(8):after {
content: "08";
font-size: 16px;
top: 248px;
font-family: "Times New Roman";
color: #dfdfdf;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ff_indexPage #topSlider .owl-carousel .owl-dot:nth-child(9):after {
content: "09";
font-size: 16px;
top: 248px;
font-family: "Times New Roman";
color: #dfdfdf;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ff_indexPage #topSlider .owl-carousel .owl-dot:nth-child(10):after {
content: "10";
font-size: 16px;
top: 248px;
font-family: "Times New Roman";
color: #dfdfdf;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ff_indexPage #topSlider .owl-carousel .owl-dot:nth-child(11):after {
content: "11";
font-size: 16px;
top: 248px;
font-family: "Times New Roman";
color: #dfdfdf;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ff_indexPage #topSlider .owl-carousel .owl-dot:nth-child(12):after {
content: "12";
font-size: 16px;
top: 248px;
font-family: "Times New Roman";
color: #dfdfdf;
transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.ff_indexPage .ff_topSlider .owl-dots .owl-dot span {
width: 50px;
height: 50px;
position: relative;
top: 32px;
margin: 0 40px;
border: 0;
background-color: transparent;
}
.ff_indexPage .ff_topSlider .owl-dots .owl-dot span:before {
content: "";
width: 160%;
height: 1px;
display: block;
position: absolute;
top: 26px;
left: 50px;
background-color: #999;
}
.ff_indexPage .ff_topSlider .owl-dots .owl-dot:last-child sapn:before {
display: none;
}
.ff_indexPage .ff_topSlider .owl-dots span.active:after {
color: #1b3566;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot span .title {
color: rgba(158, 158, 158, 0.7);
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot .progress-bar {
background: #1b3566;
}
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot:not(:last-child)::after .bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot span .left,
.bodyindex #indexPage #topSlider .content_list .owl-dots .owl-dot span .right,
.bodyindex #indexPage #topSlider .content_list .owl-dots:after,
.bodyindex #indexPage #topSlider .content_list .owl-dots:before {
background: rgba(217, 217, 217, 0.32);
}
/*# sourceMappingURL=debug/style.14848.css.map */